/* Finance Admin UI — hub cards, order management table, breadcrumb, filters */
/* Depends on: financial.css, finance-wallet.css, finance-table-layout.css, Font Awesome 6 */

/* ═══════════════════════════════════════════════════════
   Finance Hub Cards  (/Admin/Finance/Index)
   ═══════════════════════════════════════════════════════ */

/*
 * `.admin-content` (admin.css) uses `align-items: center`, which shrink-wraps
 * finance pages to intrinsic width — on mobile that becomes a ~180px column.
 * Stretch ledger wraps so order detail / finance pages use the full content width.
 */
.admin-content.admin-finance-ledger-wrap {
    align-self: stretch;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.admin-content.admin-finance-ledger-wrap > .finance-page {
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    /*
     * Admin Finance/Orders ledger: no extra inset on mobile — outer `.clients .content`
     * already uses the shared 12px wider shell in `_AdminLayout.css`.
     */
    .admin-content.admin-finance-ledger-wrap:has([data-model-id^="admin-finance"]),
    .Content.admin-content.admin-finance-ledger-wrap:has([data-model-id^="admin-finance"]),
    .admin-content.admin-finance-ledger-wrap:has([data-model-id="admin-geidea-gateway-tx"]),
    .Content.admin-content.admin-finance-ledger-wrap:has([data-model-id="admin-geidea-gateway-tx"]) {
        padding: 0 !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .admin-content.admin-finance-ledger-wrap:not(:has([data-model-id^="admin-finance"])):not(:has([data-model-id="admin-geidea-gateway-tx"])),
    .Content.admin-content.admin-finance-ledger-wrap:not(:has([data-model-id^="admin-finance"])):not(:has([data-model-id="admin-geidea-gateway-tx"])) {
        padding: 0.5rem 0.55rem 0.85rem !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .admin-content.admin-finance-ledger-wrap > .finance-page,
    .admin-content.admin-finance-ledger-wrap > .finance-page.admin-finance-order-detail,
    .admin-content.admin-finance-ledger-wrap > .finance-page.fin-cg-detail-page {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        margin-inline: 0 !important;
        padding-inline: 0 !important;
        box-sizing: border-box;
    }

    [data-model-id="admin-finance-checkout-group-detail"].admin-finance-order-detail,
    [data-model-id="admin-finance-checkout-group-detail"].fin-cg-detail-page {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-page-card,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview-grid,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-overview__orders-full,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-overview__orders-full-list,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full--admin,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__disclosure-panel,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__disclosure-inner,
    [data-model-id="admin-finance-checkout-group-detail"] fieldset.fin-cg-order-full__lines-section--fieldset,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-tab-fieldset,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-tab-panel {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        box-sizing: border-box;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full--admin .fin-cg-order-full__body {
        padding: 0.55rem 0.15rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer {
        padding-inline: 0;
        gap: 0.7rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-page-card {
        padding: 0.55rem 0.5rem 0.7rem !important;
        margin-inline: 0;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-page-card__body {
        padding: 0;
        min-width: 0;
        width: 100%;
    }

    [data-model-id="admin-finance-checkout-group-detail"] fieldset.fin-order-detail-tab-fieldset,
    [data-model-id="admin-finance-checkout-group-detail"] fieldset.fin-cg-overview__orders-full {
        padding-inline: 0.55rem !important;
    }

    /* Actions tab — nested action cards already carry their own inset; avoid triple horizontal padding */
    [data-model-id="admin-finance-checkout-group-detail"] fieldset.fin-admin-actions-tab.fin-order-detail-tab-fieldset,
    [data-model-id="admin-finance-order-detail"] fieldset.fin-admin-actions-tab.fin-order-detail-tab-fieldset {
        padding-inline: 0 !important;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-actions-tab__stack,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-actions-tab__order,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-admin-actions,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-admin-actions__cards,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-action-card-fieldset,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-actions-refund-history,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-open-refund-wrap,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-open-refund,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-actions-kpi-metrics,
    [data-model-id="admin-finance-order-detail"] .fin-admin-actions-tab__stack,
    [data-model-id="admin-finance-order-detail"] .fin-admin-actions-tab__order,
    [data-model-id="admin-finance-order-detail"] .fin-order-admin-actions,
    [data-model-id="admin-finance-order-detail"] .fin-order-admin-actions__cards,
    [data-model-id="admin-finance-order-detail"] .fin-admin-action-card-fieldset,
    [data-model-id="admin-finance-order-detail"] .fin-admin-actions-refund-history,
    [data-model-id="admin-finance-order-detail"] .fin-admin-open-refund-wrap,
    [data-model-id="admin-finance-order-detail"] .fin-admin-open-refund,
    [data-model-id="admin-finance-order-detail"] .fin-admin-actions-kpi-metrics {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        box-sizing: border-box;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-actions-tab__stack--multi .fin-admin-actions-tab__order,
    [data-model-id="admin-finance-order-detail"] .fin-admin-actions-tab__stack--multi .fin-admin-actions-tab__order {
        padding: 0.75rem 0.55rem 0.85rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-admin-actions__cards,
    [data-model-id="admin-finance-order-detail"] .fin-order-admin-actions__cards {
        gap: 0.85rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-action-card-fieldset,
    [data-model-id="admin-finance-order-detail"] .fin-admin-action-card-fieldset {
        padding: 0.75rem 0.55rem 0.85rem !important;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-action-card-fieldset .fin-admin-action-card__inner,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-action-card-fieldset .fin-admin-action-card__body,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-action-card-fieldset .fin-admin-action-card__form,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-action-card-fieldset .fin-admin-action-card__field,
    [data-model-id="admin-finance-order-detail"] .fin-admin-action-card-fieldset .fin-admin-action-card__inner,
    [data-model-id="admin-finance-order-detail"] .fin-admin-action-card-fieldset .fin-admin-action-card__body,
    [data-model-id="admin-finance-order-detail"] .fin-admin-action-card-fieldset .fin-admin-action-card__form,
    [data-model-id="admin-finance-order-detail"] .fin-admin-action-card-fieldset .fin-admin-action-card__field {
        min-width: 0;
        max-width: 100%;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-action-card-fieldset .fin-admin-action-card__input,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-action-card-fieldset .fin-admin-action-card__textarea,
    [data-model-id="admin-finance-order-detail"] .fin-admin-action-card-fieldset .fin-admin-action-card__input,
    [data-model-id="admin-finance-order-detail"] .fin-admin-action-card-fieldset .fin-admin-action-card__textarea {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-action-card-fieldset .fin-admin-action-card__actions,
    [data-model-id="admin-finance-order-detail"] .fin-admin-action-card-fieldset .fin-admin-action-card__actions {
        justify-content: stretch;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-action-card-fieldset .fin-admin-action-card__actions .finance-btn,
    [data-model-id="admin-finance-order-detail"] .fin-admin-action-card-fieldset .fin-admin-action-card__actions .finance-btn {
        flex: 1 1 auto;
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-actions-refund-history,
    [data-model-id="admin-finance-order-detail"] .fin-admin-actions-refund-history {
        padding: 0.65rem 0.55rem 0.75rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-action-card--moderator.fin-admin-action-card-fieldset .fin-admin-action-card__inner,
    [data-model-id="admin-finance-order-detail"] .fin-admin-action-card--moderator.fin-admin-action-card-fieldset .fin-admin-action-card__inner {
        flex-direction: column;
    }
}

/* Hub index — panel fills admin content column (no page masthead) */
:is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]).admin-finance-ledger-wrap {
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    background: transparent;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .finance-page--hub-index {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .finance-admin-panel--hub-fill {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    margin: 0;
    margin-bottom: 0;
    min-height: calc(100vh - 180px);
    width: 100%;
    box-sizing: border-box;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .aq-finance-cards {
    flex: 1 1 auto;
    margin-top: 0;
}

/* Order management: the page HTML was present (KPIs/table) but the admin column
   stayed ~295px tall while `.clients .div` is `overflow:hidden`, so the 995px
   page sat below a blank white pane. Fill the column and keep the card in flow. */
.clients:has([data-model-id="admin-finance-order-mgmt"]) > .div {
    height: 100% !important;
    min-height: 0 !important;
    align-self: stretch !important;
}

.clients:has([data-model-id="admin-finance-order-mgmt"]) > .div > .content {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    align-items: stretch !important;
}

.clients .content > .admin-finance-ledger-wrap--flow {
    display: block !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
}

.clients .content > .admin-finance-ledger-wrap--flow > .finance-page,
[data-model-id="admin-finance-order-mgmt"].finance-page {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 2rem !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    color: #111111 !important;
    background: transparent !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

[data-model-id="admin-finance-order-mgmt"] .finance-dashboard-page__grid.finance-platform-settings__grid {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
}

[data-model-id="admin-finance-order-mgmt"] fieldset.finance-platform-settings-card {
    display: block !important;
    width: 100% !important;
    min-inline-size: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    background: #fff !important;
    color: #111111 !important;
    border: 1px solid #E1DFE8 !important;
    padding: 1.1rem 1.15rem 1.15rem !important;
    box-sizing: border-box !important;
}

[data-model-id="admin-finance-order-mgmt"] .fin-ord-toolbar--orders-admin.fin-dash-filter-card {
    padding: 0.85rem 1.15rem 1.05rem !important;
    box-sizing: border-box !important;
    min-inline-size: 0;
    overflow: visible;
}

[data-model-id="admin-finance-order-mgmt"] fieldset.fin-ord-toolbar--orders-admin > legend.fin-dash-filter-card__title {
    display: inline-block;
    width: auto;
    float: none;
    margin-inline-start: 0.55rem;
    padding: 0 0.4rem;
    background: #fff;
    font-size: 0.88rem;
    font-weight: 800;
    color: #372A58;
    line-height: 1.25;
}

[data-model-id="admin-finance-order-mgmt"] fieldset.fin-ord-toolbar--orders-admin .fin-dash-filter-card__head {
    padding-bottom: 0.65rem;
    margin-bottom: 0.75rem;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .finance-admin-panel--hub-fill {
    padding: 1.5rem 1.6rem 1.75rem;
}

/* Admin apps hub — title on fieldset border (all Apps/Open launchers). */
:is([data-model-id="admin-finance-hub"], [data-model-id="admin-legal-documents-hub"]) .portal-finance-orders-list.traffic-requests.finance-page,
[data-model-id="admin-finance-hub"] .portal-finance-orders-list.traffic-requests.finance-page {
    padding: 0;
    margin: 0;
    min-height: 0;
    overflow: visible;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="admin-legal-documents-hub"]) fieldset.admin-finance-hub-fieldset.finance-platform-settings-card,
[data-model-id="admin-finance-hub"] fieldset.admin-finance-hub-fieldset.finance-platform-settings-card {
    margin: 0;
    min-width: 0;
    max-width: 100%;
    padding: 1.1rem 1.15rem 1.15rem;
    background: #fff;
    border: 1px solid #e1dfe8;
    border-radius: 14px;
    box-shadow:
        0 1px 2px rgba(55, 42, 88, 0.04),
        0 8px 24px rgba(55, 42, 88, 0.08);
}

:is([data-model-id="admin-finance-hub"], [data-model-id="admin-legal-documents-hub"]) fieldset.admin-finance-hub-fieldset > legend.finance-platform-settings-card__title,
[data-model-id="admin-finance-hub"] fieldset.admin-finance-hub-fieldset > legend.finance-platform-settings-card__title {
    margin-inline-start: 0.35rem;
    padding: 0 0.65rem;
    font-size: 1.65rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.25;
    color: #372A58;
    background: #fff;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="admin-legal-documents-hub"])[dir="rtl"] fieldset.admin-finance-hub-fieldset > legend.finance-platform-settings-card__title,
[data-model-id="admin-finance-hub"][dir="rtl"] fieldset.admin-finance-hub-fieldset > legend.finance-platform-settings-card__title {
    direction: rtl;
    text-align: right;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="admin-legal-documents-hub"]) fieldset.admin-finance-hub-fieldset > .finance-platform-settings-card__body,
[data-model-id="admin-finance-hub"] fieldset.admin-finance-hub-fieldset > .finance-platform-settings-card__body {
    margin-top: 0.35rem;
    padding: 0;
    min-width: 0;
    max-width: 100%;
    overflow: visible;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="admin-legal-documents-hub"]) .finance-admin-panel--hub-fill,
[data-model-id="admin-finance-hub"] .finance-admin-panel--hub-fill {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="admin-legal-documents-hub"]) .admin-finance-hub__subtitle,
[data-model-id="admin-finance-hub"] .admin-finance-hub__subtitle {
    margin: 0 0 1rem;
}

[data-model-id="admin-finance-hub"] .aq-finance-hub__header--toolbar {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 1.15rem;
    justify-content: flex-end;
}

[data-model-id="admin-finance-hub"] .aq-finance-hub__search--full {
    flex: 1 1 100%;
    max-width: 100%;
    padding-top: 0;
}

@media (max-width: 768px) {
:is([data-model-id="admin-finance-hub"], [data-model-id="admin-legal-documents-hub"]) fieldset.admin-finance-hub-fieldset,
    [data-model-id="admin-finance-hub"] fieldset.admin-finance-hub-fieldset {
        padding: 0.85rem 0.85rem 0.85rem;
    }

    :is([data-model-id="admin-finance-hub"], [data-model-id="admin-legal-documents-hub"]) fieldset.admin-finance-hub-fieldset > legend.finance-platform-settings-card__title,
    [data-model-id="admin-finance-hub"] fieldset.admin-finance-hub-fieldset > legend.finance-platform-settings-card__title {
        font-size: 1.35rem;
    }
}

.Page > .Content[data-model-id="partner-finance-hub"] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    width: 100%;
}

/* Partner hub: mirror admin-content shell (partner layout does not load admin.css) */
[data-model-id="partner-finance-hub"].Content.admin-content {
    padding: 24px;
    background: var(--Colors-Gray-Lightest, #F4F4F4);
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 12px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    [data-model-id="partner-finance-hub"].Content.admin-content {
        padding: 16px;
    }
}

@media (max-width: 640px) {
    [data-model-id="partner-finance-hub"].Content.admin-content {
        padding: 12px;
    }
}

/* Hub header + search */
.aq-finance-hub__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem 2rem;
    flex-wrap: wrap;
    padding-bottom: 0.15rem;
    border-bottom: 1px solid rgba(106, 93, 139, 0.1);
}

:is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .aq-finance-hub__header {
    padding-bottom: 1rem;
    margin-bottom: 1.25rem;
}

[dir="rtl"] .aq-finance-hub__header {
    align-items: flex-end;
}

.aq-finance-hub__intro {
    flex: 1 1 280px;
    min-width: 0;
}

.aq-finance-hub__title {
    margin: 0;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 1.65rem;
    font-weight: 700;
    color: #372A58;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.aq-finance-hub__subtitle {
    margin: 0.4rem 0 0;
    font-size: 0.9rem;
    color: #8887A2;
    line-height: 1.5;
}

.aq-finance-hub__search {
    flex: 1 1 280px;
    max-width: 420px;
    min-width: min(100%, 260px);
    padding-top: 0.45rem;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .aq-finance-hub__search-box {
    position: relative;
    margin: 0;
    min-width: 0;
    border: 1px solid rgba(106, 93, 139, 0.2);
    border-radius: 11px;
    padding: 0.45rem 0.65rem;
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .aq-finance-hub__search-box:focus-within {
    border-color: rgba(106, 93, 139, 0.42);
    box-shadow: 0 0 0 3px rgba(106, 93, 139, 0.12);
}

:is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .aq-finance-hub__search-label {
    position: absolute;
    top: 0;
    inset-inline-start: 0.65rem;
    transform: translateY(-50%);
    padding: 0 0.35rem;
    background: var(--finance-card, #fff);
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    color: rgba(55, 42, 88, 0.78);
    line-height: 1.2;
    white-space: nowrap;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .aq-finance-hub__search-field {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    height: 40px;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .aq-finance-hub__search-icon {
    position: absolute;
    inset-inline-start: 0.15rem;
    inset-inline-end: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    opacity: 0.5;
    pointer-events: none;
}

[dir="rtl"] :is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .aq-finance-hub__search-icon {
    inset-inline-start: auto;
    inset-inline-end: 0.15rem;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .aq-finance-hub__search-input {
    width: 100%;
    min-width: 0;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    padding-inline-start: 1.75rem;
    padding-inline-end: 0.55rem;
    border: none;
    border-radius: 0;
    background: transparent;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
    line-height: normal;
    color: #372A58;
    appearance: none;
    -webkit-appearance: none;
}

[dir="rtl"] :is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .aq-finance-hub__search-input {
    padding-inline-start: 0.55rem;
    padding-inline-end: 1.75rem;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .aq-finance-hub__search-input::placeholder {
    color: #A9A5BC;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .aq-finance-hub__search-input:focus {
    outline: none;
}

:is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .aq-finance-hub__search-input::-webkit-search-decoration,
:is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .aq-finance-hub__search-input::-webkit-search-cancel-button {
    appearance: none;
    -webkit-appearance: none;
}

.aq-finance-hub__empty {
    margin: 2rem 0 0;
    padding: 2rem 1.25rem;
    text-align: center;
    font-size: 0.92rem;
    color: #8887A2;
    background: #FAFAFB;
    border: 1px dashed #D5D0E0;
    border-radius: 14px;
}

.aq-finance-cards--filtered-empty {
    display: none;
}

.aq-finance-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
    align-content: start;
}

/* 2026-08-16 — card grouping on an app hub (AppLanding.cshtml), restored at the owner's request in a
   two-group form: what you set up, then what you operate. An app that declares no groups renders ONE
   unheaded run and these rules do nothing at all — the section is a bare wrapper with no heading and
   no top margin to add. Only the second and later runs are separated.

   Nothing here is a new look. The heading is .aq-finance-hub__title above — the page's own title — at
   a smaller size: same family, same #372A58, same weight, same line-height, same negative
   letter-spacing. The gap between runs is the 2rem .aq-finance-hub__empty already uses to separate
   itself from the grid. No uppercasing, no new colour, no rule, no badge. */
.aq-finance-hub__group + .aq-finance-hub__group {
    margin-top: 2rem;
}
.aq-finance-hub__group[hidden] {
    display: none;
}
.aq-finance-hub__group-title {
    margin: 0 0 0.75rem;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #372A58;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.aq-finance-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.85rem;
    padding: 1.2rem 1.15rem 1.1rem;
    background: #fff;
    border: 1px solid #E1DFE8;
    border-radius: 14px;
    text-decoration: none;
    min-height: 132px;
    box-shadow: 0 1px 2px rgba(55, 42, 88, 0.04);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.aq-finance-card:hover,
.aq-finance-card:focus-visible {
    border-color: #6A5D8B;
    outline: none;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(106, 93, 139, 0.12);
}

.aq-finance-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

/* ── "Coming soon" disabled cards ── */
.aq-finance-card__soon-badge {
    flex-shrink: 0;
    align-self: flex-start;
    font-size: 0.68rem;
    font-weight: 700;
    color: #6A5D8B;
    background: #EEECF3;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    letter-spacing: 0.02em;
}

.aq-finance-card--soon {
    background: #FAFAFB;
    cursor: default;
}

.aq-finance-card--soon:hover {
    border-color: #D5D0E0;
    box-shadow: none;
    transform: none;
}

.aq-finance-card--soon .aq-finance-card__icon {
    background: #EDEAF2;
}

.aq-finance-card--soon .aq-finance-card__icon img {
    opacity: 0.45;
}

.aq-finance-card--soon .aq-finance-card__title {
    color: #A69EB9;
}

.aq-finance-card--soon .aq-finance-card__desc {
    color: #C4BDD4;
}

/* ── Card icon ── */
.aq-finance-card__icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F3F2F6;
    border-radius: 12px;
    transition: background 0.2s ease, transform 0.2s ease;
}

.aq-finance-card__icon img {
    width: 22px;
    height: 22px;
    display: block;
    transition: filter 0.2s ease, transform 0.2s ease;
}

.aq-finance-card__icon--glyph i {
    font-size: 1.15rem;
    color: #6A5D8B;
    transition: color 0.2s ease;
}

.aq-finance-card:hover .aq-finance-card__icon--glyph i,
.aq-finance-card:focus-visible .aq-finance-card__icon--glyph i {
    color: #fff;
}

.aq-finance-card:hover .aq-finance-card__icon,
.aq-finance-card:focus-visible .aq-finance-card__icon {
    background: #6A5D8B;
    transform: scale(1.04);
}

.aq-finance-card:hover .aq-finance-card__icon img,
.aq-finance-card:focus-visible .aq-finance-card__icon img {
    filter: brightness(0) invert(1);
}

/* ── Card body ── */
.aq-finance-card__body {
    flex: 1;
    min-width: 0;
}

.aq-finance-card__title {
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 0.98rem;
    font-weight: 700;
    color: #372A58;
    margin: 0 0 0.35rem;
    line-height: 1.35;
    white-space: nowrap;
}

.aq-finance-card__desc {
    font-size: 0.8rem;
    color: #7A7894;
    margin: 0;
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Card arrow ── */
.aq-finance-card__arrow {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #F3F2F6;
    transition: background 0.2s ease, transform 0.2s ease;
}

.aq-finance-card__arrow img {
    width: 16px;
    height: 16px;
    display: block;
    transition: filter 0.2s ease;
}

.aq-finance-card__count {
    flex-shrink: 0;
    display: inline-flex;
    min-width: 30px;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    padding: 2px 9px;
    border: 1px solid #D6CFE5;
    border-radius: 999px;
    background: #F4F1F9;
    color: #4F416F;
    font-size: 0.88rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.aq-finance-card:hover .aq-finance-card__arrow,
.aq-finance-card:focus-visible .aq-finance-card__arrow {
    background: #6A5D8B;
    transform: translateX(3px);
}

.aq-finance-card:hover .aq-finance-card__arrow img,
.aq-finance-card:focus-visible .aq-finance-card__arrow img {
    filter: brightness(0) invert(1);
}

[dir="rtl"] .aq-finance-card__arrow img {
    transform: scaleX(-1);
}

/* PNG hub icons — tint to match SVG stroke #666666 */
.aq-finance-card__icon img[src*="fin-hub-wallets"],
.aq-finance-card__icon img[src*="fin-hub-refunds"],
.aq-finance-card__icon img[src*="fin-hub-chargebacks"],
.aq-finance-card__icon img[src*="fin-hub-losses"] {
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0.92) contrast(0.92);
}

[dir="rtl"] .aq-finance-card:hover .aq-finance-card__arrow,
[dir="rtl"] .aq-finance-card:focus-visible .aq-finance-card__arrow {
    transform: translateX(-3px);
}

@media (prefers-reduced-motion: reduce) {
    .aq-finance-card,
    .aq-finance-card__icon,
    .aq-finance-card__icon img,
    .aq-finance-card__arrow {
        transition: none;
    }

    .aq-finance-card:hover,
    .aq-finance-card:focus-visible {
        transform: none;
    }

    .aq-finance-card:hover .aq-finance-card__icon,
    .aq-finance-card:focus-visible .aq-finance-card__icon {
        transform: none;
    }

    .aq-finance-card:hover .aq-finance-card__arrow,
    .aq-finance-card:focus-visible .aq-finance-card__arrow {
        transform: none;
    }

    [dir="rtl"] .aq-finance-card:hover .aq-finance-card__arrow,
    [dir="rtl"] .aq-finance-card:focus-visible .aq-finance-card__arrow {
        transform: none;
    }
}

@media (max-width: 640px) {
    :is([data-model-id="admin-finance-hub"], [data-model-id="partner-finance-hub"]) .finance-admin-panel--hub-fill {
        padding: 1.1rem 1rem 1.25rem;
    }

    .aq-finance-hub__header {
        align-items: stretch;
    }

    .aq-finance-hub__search {
        max-width: none;
    }

    .aq-finance-cards {
        grid-template-columns: 1fr;
    }

    .aq-finance-card {
        min-height: 0;
    }
}

/* ── "Coming soon" badge ── */
.aq-finance-badge-soon {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: linear-gradient(135deg, #E8E3F0, #D5CFE4);
    color: #6A5D8B;
    padding: 0.15rem 0.55rem;
    border-radius: 6px;
    margin-inline-start: 0.4rem;
    vertical-align: middle;
    line-height: 1.4;
}


/* ═══════════════════════════════════════════════════════
   Breadcrumb  (_FinanceHubBack.cshtml)
   ═══════════════════════════════════════════════════════ */

.aq-finance-breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0;
    margin-bottom: 1.25rem;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    background: none;
    border: none;
}

.aq-finance-breadcrumb__link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #6A5D8B;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
    padding: 0;
    border-radius: 0;
}

.aq-finance-breadcrumb__link:hover {
    color: #372A58;
}

.aq-finance-breadcrumb__hub-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: currentColor;
}

.aq-finance-breadcrumb__arrow-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: currentColor;
}

[dir="rtl"] .aq-finance-breadcrumb__arrow-icon {
    transform: scaleX(-1);
}

.aq-finance-breadcrumb__sep {
    display: inline-flex;
    align-items: center;
    color: #C4BDD4;
}

.aq-finance-breadcrumb__sep-icon {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    color: currentColor;
}

[dir="rtl"] .aq-finance-breadcrumb__sep-icon {
    transform: scaleX(-1);
}

.aq-finance-breadcrumb__current {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #372A58;
    font-weight: 700;
    max-width: min(22rem, 48vw);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ═══════════════════════════════════════════════════════
   Finance Page Masthead icon (img)
   ═══════════════════════════════════════════════════════ */

.finance-masthead-icon-img {
    width: 28px;
    height: 28px;
}

.finance-page__masthead-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: #F3F2F6;
}

.finance-page__back {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

/* Refined “back to list” control (order detail, etc.) */
.finance-page__back-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1rem;
    border-radius: 12px;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.01em;
    text-decoration: none;
    color: #4a3d6a;
    background: linear-gradient(180deg, #fff 0%, #f8f7fb 100%);
    border: 1px solid rgba(106, 93, 139, 0.32);
    box-shadow:
        0 1px 2px rgba(55, 42, 88, 0.06),
        0 0 0 1px rgba(255, 255, 255, 0.75) inset;
    transition:
        color 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.2s ease,
        background 0.18s ease,
        transform 0.2s ease;
}

.finance-page__back-btn:hover {
    color: #372a58;
    border-color: rgba(106, 93, 139, 0.48);
    background: linear-gradient(180deg, #fff 0%, #f3f0f9 100%);
    box-shadow:
        0 6px 20px rgba(55, 42, 88, 0.1),
        0 0 0 1px rgba(255, 255, 255, 0.8) inset;
    transform: translateY(-1px);
}

.finance-page__back-btn:active {
    transform: translateY(0);
    box-shadow: 0 1px 3px rgba(55, 42, 88, 0.08) inset;
}

.finance-page__back-btn:focus-visible {
    outline: 2px solid #6a5d8b;
    outline-offset: 3px;
}

.finance-page__back-btn__icon {
    flex-shrink: 0;
    color: #6a5d8b;
    transition: color 0.18s ease, transform 0.2s ease;
}

.finance-page__back-btn:hover .finance-page__back-btn__icon {
    color: #372a58;
}

@media (hover: hover) {
    [dir="ltr"] .finance-page__back-btn:hover .finance-page__back-btn__icon {
        transform: translateX(-2px);
    }

    [dir="rtl"] .finance-page__back-btn:hover .finance-page__back-btn__icon {
        transform: scaleX(-1) translateX(-2px);
    }
}

[dir="rtl"] .finance-page__back-btn__icon {
    transform: scaleX(-1);
}

.finance-page__back-btn__label {
    padding-inline-end: 0.05rem;
}


/* ═══════════════════════════════════════════════════════
   Order Details (/Admin/FinanceOrderManagement/Details)
   ═══════════════════════════════════════════════════════ */

.fin-admin-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0.75rem 0 1rem;
    padding: 0.35rem;
    background: #F8F7FB;
    border: 1px solid #E8E3F0;
    border-radius: 12px;
}

.fin-admin-tabs__btn {
    appearance: none;
    border: none;
    background: transparent;
    padding: 0.45rem 0.85rem;
    border-radius: 10px;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 0.88rem;
    font-weight: 700;
    color: #6A5D8B;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.fin-admin-tabs__btn:hover {
    background: #EDEAF2;
    color: #372A58;
}

.fin-admin-tabs__btn--active {
    background: #6A5D8B;
    color: #fff;
}

.fin-admin-tabs__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4rem;
    height: 1.4rem;
    padding: 0 0.4rem;
    margin-inline-start: 0.4rem;
    border-radius: 999px;
    background: #EDEAF2;
    color: #372A58;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
}

.fin-admin-tabs__btn--active .fin-admin-tabs__count {
    background: rgba(255, 255, 255, 0.22);
    color: #fff;
}

/* Opt-in modifier: single-line tab strip. Native swipe is unreliable on iPhone when an
   ancestor uses overflow-x:hidden — pair with ~/js/Finance/fin-admin-tabs-scroll.js. */
.fin-admin-tabs--scrollable {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    /* scroll (not auto) keeps a stable scrollport on iOS Safari */
    overflow-x: scroll;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    touch-action: pan-x;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.fin-admin-tabs--scrollable .fin-admin-tabs__btn {
    flex: 0 0 auto;
    white-space: nowrap;
    /* Keep taps/drags on the button surface; JS decides click vs pan */
    touch-action: pan-x;
}

.fin-admin-tabs--scrollable.is-drag-scrolling,
.fin-admin-tabs--scrollable.is-drag-scrolling .fin-admin-tabs__btn {
    cursor: grabbing;
    user-select: none;
    -webkit-user-select: none;
}

.fin-admin-tabs--scrollable::-webkit-scrollbar {
    height: 4px;
}

.fin-admin-tabs--scrollable::-webkit-scrollbar-thumb {
    background: #D8D2E4;
    border-radius: 999px;
}

@media (max-width: 768px) {
    .fin-admin-tabs {
        gap: 0.25rem;
        padding: 0.3rem;
    }

    .fin-admin-tabs--scrollable {
        margin-inline: 0;
        /* No mask-image: -webkit-mask breaks touch panning on iOS Safari */
    }

    .fin-admin-tabs__btn {
        padding: 0.4rem 0.65rem;
        font-size: 0.82rem;
    }

    .fin-admin-tabs__count {
        min-width: 1.25rem;
        height: 1.25rem;
        font-size: 0.68rem;
    }

    /* Card legend: تفاصيل الطلب */
    [data-model-id="admin-finance-checkout-group-detail"] fieldset.fin-cg-admin-page-card > legend.fin-cg-admin-page-card__legend {
        font-size: 1.35rem;
        line-height: 1.3;
        margin-inline-start: 0.15rem;
        max-width: calc(100% - 0.5rem);
    }
}

.fin-admin-tab-panel {
    margin-top: 0.5rem;
}

.fin-admin-tab-panel[hidden] {
    display: none !important;
}

.admin-finance-order-detail div.fin-admin-tab-panel {
    padding: 1.15rem 1.2rem;
    border: 1px solid #E8E3F0;
    border-radius: 14px;
    background: #fff;
}

/* Tab fieldsets — match Finance Dashboard: native legend on border (do not force full width) */
.admin-finance-order-detail fieldset.fin-order-detail-tab-fieldset,
.portal-finance-order-detail fieldset.fin-order-detail-tab-fieldset {
    display: block;
    margin: 0;
    min-width: 0;
}

.admin-finance-order-detail fieldset.fin-order-detail-tab-fieldset > legend.finance-platform-settings-card__title,
.portal-finance-order-detail fieldset.fin-order-detail-tab-fieldset > legend.finance-platform-settings-card__title {
    width: auto;
    max-width: none;
    padding: 0 0.5rem;
    margin-inline-start: 0.5rem;
    background: transparent;
    float: none;
}

.admin-finance-order-detail fieldset.fin-order-detail-tab-fieldset > legend .fin-dash-legend-row,
.portal-finance-order-detail fieldset.fin-order-detail-tab-fieldset > legend .fin-dash-legend-row {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.65rem;
    flex-wrap: wrap;
    width: auto;
    max-width: 100%;
}

.admin-finance-order-detail fieldset.fin-order-detail-tab-fieldset > .finance-platform-settings-card__body,
.portal-finance-order-detail fieldset.fin-order-detail-tab-fieldset > .finance-platform-settings-card__body {
    margin-top: 0.7rem;
    padding: 0;
}

.admin-finance-order-detail .fin-detail-metrics {
    margin-top: 0;
}

.admin-finance-order-detail .fin-detail-grid {
    margin-top: 1.25rem;
}

.admin-finance-order-detail .fin-detail-card--span {
    margin-top: 1rem;
}

.admin-finance-order-detail .fin-order-admin-actions {
    margin-top: 1.25rem;
}

.admin-finance-order-detail #fin-tab-snapshots .fin-snapshot-sections {
    margin-top: 0.25rem;
}

.fin-order-tab-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.fin-order-tab-head__title {
    margin: 0;
    font-size: 1rem !important;
    font-weight: 800;
    color: #372A58;
}

.fin-order-tab-head__meta {
    margin: 0.25rem 0 0;
    font-size: 0.85rem;
}

.fin-order-tab-empty {
    margin: 0;
    padding: 1.5rem 1rem;
    text-align: center;
    font-size: 0.9rem;
    color: #8887A2;
    background: #F8F7FB;
    border: 1px dashed #E1DFE8;
    border-radius: 12px;
}

.admin-finance-order-detail .fin-dash-paged-table {
    margin-top: 0.25rem;
}

.admin-finance-order-detail .fin-dash-paged-table .finance-table-wrap {
    margin-top: 0 !important;
}

.admin-finance-order-detail .fin-order-detail-legend-meta {
    font-size: 0.85rem;
    font-weight: 600;
}

.admin-finance-order-detail fieldset.fin-order-detail-tab-fieldset > legend.finance-platform-settings-card__title > .fin-order-detail-legend-meta {
    margin-inline-start: 0.5rem;
}

.admin-finance-order-detail .fin-order-detail-metrics-card {
    margin-top: 0.75rem;
    margin-bottom: 1rem;
}

.admin-finance-order-detail .fin-order-detail-metrics {
    margin: 0;
}

.admin-finance-order-detail .fin-order-detail-empty {
    margin: 0.5rem 0 0;
    font-size: 0.9rem;
}

.admin-finance-order-detail fieldset.fin-order-detail-tab-fieldset .fin-wallet-toolbar__hint,
.portal-finance-order-detail fieldset.fin-order-detail-tab-fieldset .fin-wallet-toolbar__hint {
    margin: 0 0 0.75rem;
    font-size: 0.82rem;
}

.admin-finance-order-detail .fin-dash-legend-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    width: 100%;
}

.admin-finance-order-detail .fin-dash-legend-row > span:first-child {
    min-width: 0;
}

.admin-finance-order-detail .fin-dash-legend-row .finance-btn {
    flex-shrink: 0;
}

.fin-order-moneyflow-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.85rem 0 0;
    margin-top: 0.75rem;
    border-top: 2px solid #EDEAF2;
    font-weight: 700;
    color: #372A58;
}

.fin-order-moneyflow-foot__hint {
    margin: 0.35rem 0 0;
    font-size: 0.8rem;
    font-weight: 400;
    color: #8887A2;
    width: 100%;
}

.fin-moneyflow-head-count {
    font-size: 0.85rem;
}

.fin-moneyflow-summary {
    margin-bottom: 1rem;
}

.fin-moneyflow-summary.fin-detail-metrics {
    margin-top: 0;
}

.fin-moneyflow-pending-strip {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    background: linear-gradient(145deg, #fffbeb 0%, #fff 62%);
    border: 1px solid rgba(245, 158, 11, 0.35);
    border-radius: 12px;
    font-size: 0.88rem;
    color: #78350f;
    font-weight: 600;
}

.fin-moneyflow-pending-strip svg {
    flex: 0 0 auto;
    color: #f59e0b;
}

.fin-moneyflow-pending-strip__amount {
    margin-inline-start: auto;
    font-size: 0.95rem;
}

.fin-moneyflow-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.45rem;
    padding: 2rem 1.25rem;
    background: #F8F7FB;
    border: 1px dashed #E1DFE8;
    border-radius: 12px;
}

.fin-moneyflow-empty__icon {
    color: #B8B6C8;
    margin-bottom: 0.15rem;
}

.fin-moneyflow-empty__title {
    margin: 0;
    font-weight: 700;
    font-size: 0.95rem;
    color: #372A58;
}

.fin-moneyflow-empty__hint {
    margin: 0;
    font-size: 0.85rem;
    color: #8887A2;
    line-height: 1.5;
    max-width: 28rem;
}

.fin-moneyflow-actions {
    margin-top: 1.35rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.fin-moneyflow-actions__heading {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 800;
    color: #372A58;
    letter-spacing: -0.01em;
}

.fin-moneyflow-record-card__desc {
    margin: -0.35rem 0 1rem;
    font-size: 0.88rem;
    line-height: 1.55;
}

.fin-moneyflow-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem 1rem;
}

@media (max-width: 640px) {
    .fin-moneyflow-form-grid {
        grid-template-columns: 1fr;
    }
}

.fin-moneyflow-form-grid .form-label {
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
    color: #5C5670;
}

.fin-moneyflow-form-actions {
    margin-top: 0.85rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.fin-moneyflow-idempotent-hint {
    font-size: 0.78rem;
    line-height: 1.45;
    max-width: 26rem;
}

.fin-moneyflow-record-card .fin-order-detail-await-pay__demo {
    margin-top: 1.1rem;
    margin-bottom: 0;
}

.fin-moneyflow-amount--credit {
    color: #059669;
}

.fin-moneyflow-amount--debit {
    color: #dc2626;
}

.fin-moneyflow-currency {
    font-weight: 400;
    font-size: 0.8rem;
}

.fin-moneyflow-table-date .fin-dual-date {
    font-size: 0.78rem;
    gap: 0.2rem;
}

.fin-moneyflow-table-date .fin-dual-date__line {
    white-space: nowrap;
}

/* Money flow tab — align body cells under column headers (RTL/LTR) */
.fin-ord-table--moneyflow {
    width: 100%;
    table-layout: fixed;
}

.fin-ord-table--moneyflow thead th,
.fin-ord-table--moneyflow tbody td {
    vertical-align: middle;
    text-align: center;
}

.fin-ord-table--moneyflow thead th.fin-ord-sortable {
    display: table-cell;
}

.fin-ord-table--moneyflow thead th.fin-ord-sortable .fin-ord-sort-icon {
    display: inline-block;
    vertical-align: middle;
    margin-inline-start: 0.25rem;
    flex-shrink: 0;
}

.fin-ord-table--moneyflow thead th.fin-mf-col--amount,
.fin-ord-table--moneyflow tbody td.fin-mf-col--amount {
    text-align: center;
}

.fin-ord-table--moneyflow .fin-mf-col--step {
    width: 22%;
}

.fin-ord-table--moneyflow .fin-mf-col--direction {
    width: 24%;
}

.fin-ord-table--moneyflow .fin-mf-col--amount {
    width: 14%;
}

.fin-ord-table--moneyflow .fin-mf-col--account {
    width: 18%;
}

.fin-ord-table--moneyflow .fin-mf-col--date {
    width: 22%;
}

.fin-ord-table--moneyflow .fin-moneyflow-table-date .fin-dual-date {
    align-items: center;
    text-align: center;
}

.fin-ord-table--moneyflow .fin-moneyflow-table-date .fin-dual-date__line {
    text-align: center;
}

/* Escrow account tab — column alignment + dual dates */
.fin-ord-table--escrow {
    width: 100%;
    table-layout: fixed;
}

.fin-ord-table--escrow thead th,
.fin-ord-table--escrow tbody td {
    vertical-align: middle;
    text-align: center;
}

.fin-ord-table--escrow thead th.fin-escrow-col--amount,
.fin-ord-table--escrow tbody td.fin-escrow-table-amount {
    text-align: center;
}

.fin-ord-table--escrow thead th.fin-escrow-col--direction,
.fin-ord-table--escrow tbody td.fin-escrow-table-direction {
    text-align: center;
    width: 6.5rem;
}

.fin-ord-table--escrow .fin-escrow-table-date .fin-dual-date {
    align-items: center;
    text-align: center;
}

.fin-ord-table--escrow .fin-escrow-col--date {
    width: 12.5rem;
}

.fin-ord-table--escrow .fin-escrow-col--amount {
    width: 8.5rem;
}

.fin-ord-table--escrow .fin-escrow-col--reason {
    width: 16%;
}

.fin-escrow-table-date .fin-dual-date {
    font-size: 0.78rem;
    gap: 0.2rem;
}

.fin-escrow-table-date .fin-dual-date__line {
    white-space: nowrap;
}

.fin-escrow-table-text {
    word-break: break-word;
    line-height: 1.45;
}

.fin-escrow-table-currency {
    font-weight: 400;
    font-size: 0.8rem;
}

/* Collections room (/Admin/FinanceOfflineCommission) — six columns that must ALL stay readable
   inside a narrow admin card. Same approach as --moneyflow and --escrow above: fix the layout so
   the table fits its frame and wraps, rather than growing past the card. It grew to 879px of
   min-content before this, which pushed the Source column out of view on a narrow frame and made
   the room look like it had no source at all. Nothing here changes the look — only whether a
   column is reachable without scrolling. */
/* The extra `.finance-page` is load-bearing, not noise: finance-table-layout.css sets these tables
   to `width: max-content` at exactly the same specificity and is linked after this file, so an
   equal-specificity rule here would silently lose the tie. */
.fin-ord-table--collections,
.finance-page .finance-table-wrap--scroll table.finance-table.fin-ord-table.fin-ord-table--collections {
    width: 100%;
    /* A floor, not a fixed size: percentage columns keep shrinking until headings collide, so below
       this the table stops shrinking and the wrapper scrolls instead — the sibling rooms' behaviour.
       Chosen to still fit the narrowest real frame (a 669px scrollport) without any scroll at all. */
    min-width: 41rem;
    max-width: 100%;
    table-layout: fixed;
    box-sizing: border-box;
}

/* The default header `white-space: nowrap` is what made a fixed layout impossible: a header that
   cannot wrap sets a floor under its column no matter how little room is left. */
.fin-ord-table--collections thead th,
.fin-ord-table--collections tbody td {
    white-space: normal;
    overflow-wrap: anywhere;
    padding-inline: 0.6rem;
}

/* Tuned against the narrowest frame this card is known to get (a 669px scrollport): every column
   still holds its content on one or two lines there, and the detail button stops overrunning the
   status cell. */
.fin-ord-table--collections col.fin-coll-col--source { width: 11%; }
.fin-ord-table--collections col.fin-coll-col--owedby { width: 29%; }
.fin-ord-table--collections col.fin-coll-col--due { width: 15%; }
.fin-ord-table--collections col.fin-coll-col--age { width: 15%; }
.fin-ord-table--collections col.fin-coll-col--status { width: 17%; }
.fin-ord-table--collections col.fin-coll-col--actions { width: 13%; }

/* The reference and milestone are supporting detail under the name — they may wrap, but a payment
   reference must never be split down the middle. */
.fin-ord-table--collections .finance-table__mono {
    overflow-wrap: normal;
    word-break: keep-all;
}

/* The detail button keeps its `nowrap` everywhere else in the admin, which is right for a wide
   table — here it would poke out of its own cell on a narrow card and get sliced by the frame. */
.fin-ord-table--collections .fin-ord-detail-btn {
    max-width: 100%;
    white-space: normal;
    justify-content: center;
    padding-inline: 0.55rem;
}

.admin-finance-order-detail .finance-page__title {
    font-size: 1.35rem !important;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.01em;
    margin: 0;
}

.admin-finance-order-detail .finance-page__masthead--admin-order {
    margin-bottom: 0.5rem;
}

.admin-finance-order-detail .finance-page__subtitle--order-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
    font-size: 0.9rem;
    margin-top: 0.35rem;
}

.admin-finance-order-detail .finance-page__subtitle-sep {
    opacity: 0.55;
    font-weight: 700;
}

.finance-admin-panel--in-tab {
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}

.finance-admin-panel--in-tab .finance-admin-panel__title {
    display: none;
}

.fin-tab-lead {
    margin: 0 0 0.35rem;
    font-size: 0.95rem;
    font-weight: 800;
    color: #372A58;
}

.fin-order-admin-actions {
    margin: 0 0 1.25rem;
    padding: 1.15rem 1.2rem;
    border: 1px solid #E1DFE8;
    border-radius: 14px;
    background: linear-gradient(180deg, #FAFAFC 0%, #F3F1F7 100%);
}

.fin-order-admin-actions__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.fin-order-admin-actions__title {
    margin: 0 0 0.35rem;
    font-size: 1rem !important;
    font-weight: 800;
    color: #372A58;
}

.fin-order-admin-actions__hint {
    margin: 0;
    font-size: 0.85rem;
    line-height: 1.5;
    max-width: 36rem;
}

.fin-order-admin-actions__metrics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
    gap: 0.65rem;
    margin-bottom: 1rem;
}

@media (max-width: 720px) {
    .fin-order-admin-actions__metrics {
        grid-template-columns: 1fr;
    }
}

.fin-order-admin-actions__metric {
    padding: 0.65rem 0.75rem;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #EDEAF2;
}

.fin-order-admin-actions__metric--accent {
    border-color: #D4C4E8;
    background: #F8F4FC;
}

.fin-order-admin-actions__metric--loss {
    border-color: #E8D4D4;
    background: #FCF6F6;
}

.fin-order-admin-actions__metric-k {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #8887A2;
    margin-bottom: 0.2rem;
}

.fin-order-admin-actions__metric-v {
    font-size: 1rem;
    font-weight: 800;
    color: #372A58;
}

.fin-order-admin-actions__head--compact {
    justify-content: flex-end;
    margin-bottom: 0.65rem;
}

.fin-order-admin-actions--embedded {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.fin-admin-actions-kpi-metrics {
    margin-bottom: 1rem;
}

.fin-admin-actions-kpi-metrics .finance-metric-card__value.fin-ord-status {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.35;
}

/* Order detail + order mgmt list KPIs — Finance Dashboard style (label on border, no top bar) */
:is(.admin-finance-order-detail, [data-model-id="admin-finance-order-mgmt"], [data-model-id="partner-finance-order-detail"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-order-detail-tab__kpi-metrics:not(.finance-order-mgmt-metrics--tiles) {
    padding-top: 0.4rem;
    gap: 1rem 0.85rem;
    margin-bottom: 1rem;
}

:is(.admin-finance-order-detail, [data-model-id="admin-finance-order-mgmt"], [data-model-id="partner-finance-order-detail"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-order-detail-tab__kpi-metrics:not(.finance-order-mgmt-metrics--tiles) .finance-metric-card__bar {
    display: none;
    height: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
}

:is(.admin-finance-order-detail, [data-model-id="admin-finance-order-mgmt"], [data-model-id="partner-finance-order-detail"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-order-detail-tab__kpi-metrics:not(.finance-order-mgmt-metrics--tiles) .finance-metric-card,
:is(.admin-finance-order-detail, [data-model-id="admin-finance-order-mgmt"], [data-model-id="partner-finance-order-detail"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-order-detail-tab__kpi-metrics:not(.finance-order-mgmt-metrics--tiles) .fin-dash-kpi-card-metric {
    overflow: visible;
    border: 1px solid rgba(106, 93, 139, 0.28);
    border-radius: 11px;
    background: linear-gradient(145deg, rgba(248, 247, 252, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
    box-shadow: none;
}

:is(.admin-finance-order-detail, [data-model-id="admin-finance-order-mgmt"], [data-model-id="partner-finance-order-detail"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-order-detail-tab__kpi-metrics:not(.finance-order-mgmt-metrics--tiles) .finance-metric-card--loss {
    border-color: rgba(220, 38, 38, 0.22);
    background: linear-gradient(145deg, rgba(254, 242, 242, 0.96) 0%, rgba(255, 255, 255, 0.98) 100%);
}

:is(.admin-finance-order-detail, [data-model-id="admin-finance-order-mgmt"], [data-model-id="partner-finance-order-detail"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-order-detail-tab__kpi-metrics:not(.finance-order-mgmt-metrics--tiles) .finance-metric-card--refunded {
    border-color: rgba(225, 29, 72, 0.28);
    background: linear-gradient(145deg, rgba(255, 241, 242, 0.96) 0%, rgba(255, 255, 255, 0.98) 100%);
}

:is(.admin-finance-order-detail, [data-model-id="admin-finance-order-mgmt"], [data-model-id="partner-finance-order-detail"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-order-detail-tab__kpi-metrics:not(.finance-order-mgmt-metrics--tiles) .finance-metric-card--settle-ready {
    border-color: rgba(16, 185, 129, 0.32);
    background: linear-gradient(145deg, rgba(236, 253, 245, 0.96) 0%, rgba(255, 255, 255, 0.98) 100%);
}

:is(.admin-finance-order-detail, [data-model-id="admin-finance-order-mgmt"], [data-model-id="partner-finance-order-detail"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-order-detail-tab__kpi-metrics:not(.finance-order-mgmt-metrics--tiles) .finance-metric-card__body {
    position: relative;
    padding: 1.05rem 0.85rem 0.85rem;
}

:is(.admin-finance-order-detail, [data-model-id="admin-finance-order-mgmt"], [data-model-id="partner-finance-order-detail"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-order-detail-tab__kpi-metrics:not(.finance-order-mgmt-metrics--tiles) .finance-metric-card__label {
    position: absolute;
    top: 0;
    inset-inline-start: 0.7rem;
    transform: translateY(-50%);
    padding: 0 0.35rem;
    margin: 0;
    background: #fff;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    color: rgba(55, 42, 88, 0.78);
    line-height: 1.25;
    max-width: calc(100% - 1.25rem);
    z-index: 1;
}

:is(.admin-finance-order-detail, [data-model-id="admin-finance-order-mgmt"], [data-model-id="partner-finance-order-detail"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-order-detail-tab__kpi-metrics:not(.finance-order-mgmt-metrics--tiles) .finance-metric-card--loss .finance-metric-card__label {
    background: #fff;
}

:is(.admin-finance-order-detail, [data-model-id="admin-finance-order-mgmt"], [data-model-id="partner-finance-order-detail"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-order-detail-tab__kpi-metrics:not(.finance-order-mgmt-metrics--tiles) .finance-metric-card__value,
:is(.admin-finance-order-detail, [data-model-id="admin-finance-order-mgmt"], [data-model-id="partner-finance-order-detail"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-order-detail-tab__kpi-metrics:not(.finance-order-mgmt-metrics--tiles) .finance-metric-card__value.finance-cell-amount {
    margin-top: 0.15rem;
}

:is(.admin-finance-order-detail, [data-model-id="admin-finance-order-mgmt"], [data-model-id="partner-finance-order-detail"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-order-detail-tab__kpi-metrics:not(.finance-order-mgmt-metrics--tiles) .finance-metric-card__value:not(.finance-cell-amount) {
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 1.35rem;
    font-weight: 600;
}

:is(.admin-finance-order-detail, [data-model-id="admin-finance-order-mgmt"], [data-model-id="partner-finance-order-detail"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-order-detail-tab__kpi-metrics:not(.finance-order-mgmt-metrics--tiles) .finance-metric-card__hint {
    margin-top: 0.45rem;
    font-size: 0.78rem;
    line-height: 1.4;
}

.admin-finance-order-detail :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics,
[data-model-id="admin-finance-checkout-group-detail"] :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.admin-finance-order-detail :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card,
.admin-finance-order-detail :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .fin-dash-kpi-card-metric,
[data-model-id="admin-finance-checkout-group-detail"] :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card,
[data-model-id="admin-finance-checkout-group-detail"] :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .fin-dash-kpi-card-metric {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.admin-finance-order-detail :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card__label,
[data-model-id="admin-finance-checkout-group-detail"] :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card__label {
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
}

.admin-finance-order-detail :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card__hint,
[data-model-id="admin-finance-checkout-group-detail"] :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card__hint {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: normal;
}

.admin-finance-order-detail :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card__value .partner-finance-sar-row,
.admin-finance-order-detail :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card__value .fin-currency-amount,
[data-model-id="admin-finance-checkout-group-detail"] :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card__value .partner-finance-sar-row,
[data-model-id="admin-finance-checkout-group-detail"] :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card__value .fin-currency-amount {
    white-space: nowrap;
    flex-wrap: nowrap;
}

@media (max-width: 960px) {
    .admin-finance-order-detail :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics,
    [data-model-id="admin-finance-checkout-group-detail"] :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-finance-order-detail :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics > :last-child,
    [data-model-id="admin-finance-checkout-group-detail"] :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics > :last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .admin-finance-order-detail :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics,
    [data-model-id="admin-finance-checkout-group-detail"] :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.85rem;
    }

    .admin-finance-order-detail :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics > :last-child,
    [data-model-id="admin-finance-checkout-group-detail"] :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics > :last-child {
        grid-column: auto;
    }

    .admin-finance-order-detail :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card__body,
    [data-model-id="admin-finance-checkout-group-detail"] :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card__body {
        padding: 1rem 0.9rem 0.85rem;
    }

    .admin-finance-order-detail :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card__label,
    [data-model-id="admin-finance-checkout-group-detail"] :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card__label {
        font-size: 0.8rem;
        max-width: calc(100% - 1rem);
    }

    .admin-finance-order-detail :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card__hint,
    [data-model-id="admin-finance-checkout-group-detail"] :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card__hint {
        font-size: 0.75rem;
        line-height: 1.45;
    }

    .admin-finance-order-detail :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card__value,
    [data-model-id="admin-finance-checkout-group-detail"] :is(#fin-tab-escrow, #fin-tab-audit) .fin-order-detail-tab__kpi-metrics .finance-metric-card__value {
        font-size: 1.25rem;
    }
}

/* Partner order detail — KPI grid */
[data-model-id="partner-finance-order-detail"] .fin-partner-order-detail-kpi-metrics,
:is([data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-payout-detail-kpi-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1.35rem;
}

:is([data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-payout-detail-kpi-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

[data-model-id="partner-finance-order-detail"] .fin-partner-order-pay-kpi-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 0;
}

/* Client order detail — KPI grid */
[data-model-id="client-finance-order-detail"] .fin-client-order-detail-kpi-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1.35rem;
}

[data-model-id="client-finance-order-detail"] .fin-client-order-pay-kpi-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 0;
}

@media (max-width: 1100px) {
    [data-model-id="partner-finance-order-detail"] .fin-partner-order-detail-kpi-metrics,
    :is([data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-payout-detail-kpi-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [data-model-id="client-finance-order-detail"] .fin-client-order-detail-kpi-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    [data-model-id="partner-finance-order-detail"] .fin-partner-order-detail-kpi-metrics,
    [data-model-id="partner-finance-order-detail"] .fin-partner-order-pay-kpi-metrics,
    :is([data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) .fin-payout-detail-kpi-metrics {
        grid-template-columns: minmax(0, 1fr);
    }

    [data-model-id="client-finance-order-detail"] .fin-client-order-detail-kpi-metrics,
    [data-model-id="client-finance-order-detail"] .fin-client-order-pay-kpi-metrics {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Action cards — native legend on border (same as snapshot section cards; do not use flex on the fieldset) */
.fin-admin-action-card-fieldset {
    display: block;
    margin: 0;
    min-width: 0;
    height: 100%;
    padding: 0.95rem 1.15rem 1.15rem;
    border-radius: 14px;
    background: #fff;
    overflow: visible;
    box-shadow:
        0 1px 2px rgba(55, 42, 88, 0.04),
        0 4px 14px rgba(55, 42, 88, 0.06);
}

.fin-admin-action-card-fieldset > legend.fin-admin-action-card__legend {
    width: auto;
    max-width: calc(100% - 1rem);
    padding: 0 0.35rem;
    margin-inline-start: 0.35rem;
    float: none;
    font-size: 0.92rem !important;
    font-weight: 800;
    line-height: 1.3;
    color: #372A58;
}

.fin-admin-action-card-fieldset .fin-admin-action-card__inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.85rem;
    margin-top: 0.55rem;
    min-width: 0;
    min-height: calc(100% - 0.55rem);
}

.fin-admin-action-card-fieldset .fin-admin-action-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
}

.fin-admin-action-card-fieldset .fin-admin-action-card__form--stack {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.fin-admin-action-card--settle {
    border-color: #B8DFB9;
    background: linear-gradient(180deg, #F6FBF6 0%, #fff 38%);
}

.fin-admin-action-card--refund {
    border-color: #F5C6CB;
    background: linear-gradient(180deg, #FFF8F8 0%, #fff 38%);
}

.fin-admin-action-card--cancel {
    border-color: #F5C6CB;
    background: linear-gradient(180deg, #FFF8F8 0%, #fff 38%);
}

.fin-admin-action-card--undo-cancel {
    border-color: #BBDEFB;
    background: linear-gradient(180deg, #F5FAFF 0%, #fff 38%);
}

.fin-admin-action-card--release-po {
    border-color: #C5CAE9;
    background: linear-gradient(180deg, #F7F8FD 0%, #fff 38%);
}

.fin-admin-action-card--release-po .fin-admin-action-card__icon {
    background: #E8EAF6;
    color: #3949AB;
}

.fin-admin-actions-tab__hint {
    margin: 0 0 1.15rem;
    line-height: 1.55;
    font-size: 0.86rem;
}

.fin-admin-actions-tab__stack {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.fin-admin-actions-tab__stack--multi {
    gap: 1rem;
}

.fin-admin-actions-tab__order {
    padding: 0;
}

.fin-admin-actions-tab__stack--multi .fin-admin-actions-tab__order {
    padding: 1.1rem 1.25rem 1.25rem;
    border: 1px solid #EDEAF2;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(55, 42, 88, 0.05);
}

.fin-admin-actions-tab__order-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 0.75rem;
    margin-bottom: 0.65rem;
}

.fin-admin-actions-tab__order-label {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.75rem;
    font-weight: 700;
}

.fin-admin-actions-tab__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.35rem;
    padding: 2rem 1rem;
    border: 1px dashed #D8D3E4;
    border-radius: 12px;
    background: #FAFAFC;
}

.fin-admin-actions-tab__empty-icon {
    color: #9B93B0;
    margin-bottom: 0.25rem;
}

.fin-admin-actions-tab__empty-title {
    margin: 0;
    font-weight: 800;
    color: #372A58;
}

.fin-admin-actions-tab__empty-text {
    margin: 0;
    max-width: 32rem;
    font-size: 0.9rem;
    line-height: 1.5;
}

.fin-order-admin-actions__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem;
    align-items: stretch;
}

@media (max-width: 900px) {
    .fin-order-admin-actions__cards {
        grid-template-columns: 1fr;
    }
}

.fin-admin-action-card--priority {
    grid-column: 1 / -1;
}

.fin-admin-actions-refund-history {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 1rem;
    padding: 0.85rem 0.95rem 1rem;
    border: 1px solid #e1dfe8;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(55, 42, 88, 0.05);
    box-sizing: border-box;
}

.fin-order-admin-actions__cards:empty + .fin-admin-actions-refund-history,
.fin-order-admin-actions--embedded .fin-admin-actions-refund-history:first-child {
    margin-top: 0;
}

.fin-admin-actions-history__title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0;
    min-width: 0;
    max-width: 100%;
}

.fin-admin-actions-history__title h3 {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.3;
    color: #372A58;
}

.fin-order-admin-actions__history {
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

.fin-return-refund-history--embedded {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    box-sizing: border-box;
}

.fin-admin-action-card--open-refund.fin-admin-action-card-fieldset {
    border-color: #D6C9F0;
    background: #fff;
    padding-top: 0.85rem;
    padding-bottom: 0.75rem;
}

/* Title lives in the compact header — keep fieldset legend for a11y only. */
.fin-admin-action-card--open-refund > .fin-admin-open-refund__fieldset-legend {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.fin-admin-open-refund-wrap {
    padding: 0;
}

.fin-admin-open-refund {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.fin-admin-open-refund__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem 1.25rem;
    padding: 0.85rem 0.95rem;
    margin: 0 -0.15rem;
    border-radius: 12px;
    border: 1px solid #E8E0F4;
    background:
        linear-gradient(135deg, rgba(106, 93, 139, 0.07) 0%, rgba(255, 255, 255, 0.96) 42%, #fff 100%);
}

.fin-admin-open-refund__identity {
    min-width: 0;
    flex: 1 1 18rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.fin-admin-open-refund__title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.65rem;
}

.fin-admin-open-refund__title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 1.25;
    color: #2A2044;
}

.fin-admin-open-refund__status {
    flex-shrink: 0;
}

.fin-admin-open-refund__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
    min-width: 0;
}

.fin-admin-open-refund__ref {
    font-weight: 700;
    color: #4A3B6E;
    font-size: 0.88rem;
    letter-spacing: 0.01em;
}

.fin-admin-open-refund__meta-sep {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #C4B8D9;
    flex-shrink: 0;
}

.fin-admin-open-refund__time {
    font-size: 0.78rem;
    font-weight: 500;
    color: #6B7280;
}

.fin-admin-open-refund__action {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.7rem 0.9rem;
    flex: 0 0 auto;
    padding: 0.15rem 0;
}

.fin-admin-open-refund__amount-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.1rem;
    text-align: end;
    padding: 0.35rem 0.55rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(106, 93, 139, 0.12);
}

[dir="rtl"] .fin-admin-open-refund__amount-block {
    align-items: flex-start;
    text-align: start;
}

.fin-admin-open-refund__amount-label {
    font-size: 0.68rem;
    font-weight: 650;
    color: #6B7280;
    letter-spacing: 0.01em;
}

.fin-admin-open-refund__amount {
    font-size: 1.28rem;
    font-weight: 800;
    color: #2A2044;
    line-height: 1.1;
    white-space: nowrap;
}

.fin-admin-refund-scope__card-amount .rr-currency,
.fin-admin-refund-scope__currency.rr-currency {
    display: inline-flex;
    align-items: center;
    gap: 0.28em;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.fin-admin-refund-scope__card-amount .partner-buy-sar-svg {
    width: 0.9em;
    height: 0.9em;
}

.fin-admin-open-refund__cta {
    white-space: nowrap;
    flex-shrink: 0;
}

.fin-admin-open-refund__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0.1rem 0 0;
    padding: 0;
    list-style: none;
}

.fin-admin-open-refund__chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.28rem 0.6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #E4DCF2;
    font-size: 0.74rem;
    line-height: 1.25;
    box-shadow: 0 1px 0 rgba(55, 42, 88, 0.03);
}

.fin-admin-open-refund__chip-label {
    color: #6B7280;
    font-weight: 600;
}

.fin-admin-open-refund__chip-value {
    color: #372A58;
    font-weight: 700;
}

.fin-admin-open-refund__scope {
    font-weight: 700;
    color: #372A58;
}

.fin-admin-open-refund__scope--partial {
    color: #6B4EA2;
}

.fin-admin-open-refund__scope--full {
    color: #2E7D32;
}

.fin-admin-open-refund__grid,
.fin-admin-open-refund__body {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(16rem, 20rem);
    gap: 0.75rem;
    align-items: start;
}

.fin-admin-open-refund__main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.fin-admin-open-refund__col {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.7rem 0.75rem;
    border: 1px solid #EEE8F5;
    border-radius: 12px;
    background: #FFFEFF;
}

fieldset.fin-admin-open-refund__section-fieldset {
    display: block;
    gap: 0;
    overflow: visible;
    min-width: 0;
    padding-top: 0.45rem;
}

fieldset.fin-admin-open-refund__section-fieldset > legend.fin-admin-open-refund__section-legend {
    width: auto;
    max-width: calc(100% - 1rem);
    padding: 0 0.4rem;
    margin-inline-start: 0.2rem;
    float: none;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.3;
    color: #372A58;
    background: #FFFEFF;
}

fieldset.fin-admin-open-refund__col--context.fin-admin-open-refund__section-fieldset > legend.fin-admin-open-refund__section-legend {
    background: #F8F6FC;
}

.fin-admin-open-refund__section-body {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin-top: 0.35rem;
    min-width: 0;
}

.fin-admin-open-refund__col--context {
    background: #F8F6FC;
}

.fin-admin-open-refund__col--reason {
    background: #FFFEFF;
}

.fin-admin-open-refund__decline-note {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.5rem 0.65rem;
    border-radius: 10px;
    background: #FFF7ED;
    border: 1px solid #FED7AA;
    font-size: 0.8rem;
    line-height: 1.4;
    color: #9A3412;
}

.fin-admin-open-refund__decline-note-label {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #C2410C;
}

.fin-admin-open-refund__decline {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.7rem;
    margin: 0;
    padding: 0.85rem 0.95rem;
    border-radius: 12px;
    background: linear-gradient(180deg, #FFF8F1 0%, #FFFBF7 100%);
    border: 1px solid #F6D7B8;
}

.fin-admin-open-refund__decline-icon {
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #FFEDD5;
    color: #C2410C;
}

.fin-admin-open-refund__decline-copy {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.fin-admin-open-refund__decline-title {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 800;
    color: #9A3412;
    line-height: 1.3;
}

.fin-admin-open-refund__decline-text {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 600;
    color: #7C2D12;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.fin-admin-open-refund__section-label {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 700;
    color: #6B7280;
    letter-spacing: 0.01em;
}

.fin-admin-open-refund__col .fin-admin-open-refund__section-label + .fin-admin-open-refund__section-label,
.fin-admin-open-refund__col .fin-admin-open-refund__photo-grid + .fin-admin-open-refund__section-label,
.fin-admin-open-refund__col .fin-admin-open-refund__product-list + .fin-admin-open-refund__section-label,
.fin-admin-open-refund__col .fin-admin-open-refund__reason-grid + .fin-admin-open-refund__section-label {
    margin-top: 0.35rem;
}

.fin-admin-open-refund__product-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.fin-admin-open-refund__col--evidence .fin-return-detail__item {
    padding: 0.6rem 0.7rem;
    background: #fff;
    border: 1px solid #EEE8F5;
    box-shadow: 0 1px 2px rgba(55, 42, 88, 0.04);
}

.fin-admin-open-refund__col--evidence .fin-return-detail__item-row {
    gap: 0.75rem;
}

.fin-admin-open-refund__col--evidence .fin-return-detail__item-thumb.fin-eshop-lines__thumb,
.fin-admin-open-refund__col--evidence .fin-return-detail__item-thumb {
    flex: 0 0 3.75rem;
    width: 3.75rem;
    height: 3.75rem;
    min-width: 3.75rem;
    min-height: 3.75rem;
    max-width: 3.75rem;
    max-height: 3.75rem;
    border-radius: 0.65rem;
    background: #F7F4FC;
}

.fin-admin-open-refund__col--evidence .fin-return-detail__item-title {
    font-size: 0.9rem;
    font-weight: 750;
    line-height: 1.35;
}

.fin-admin-open-refund__col--evidence .fin-return-detail__item-qty {
    margin-inline-start: auto;
}

.fin-admin-open-refund__product {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.4rem 0.5rem;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #EEE8F5;
}

.fin-admin-open-refund__thumb {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #F3F0F8;
    color: #6B4EA2;
    font-size: 0.8rem;
    font-weight: 800;
}

.fin-admin-open-refund__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.fin-admin-open-refund__product-copy {
    min-width: 0;
    display: flex;
    flex: 1;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
}

.fin-admin-open-refund__product-title {
    font-size: 0.84rem;
    font-weight: 700;
    color: #372A58;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fin-admin-open-refund__product-qty {
    flex-shrink: 0;
    font-size: 0.75rem;
    font-weight: 700;
    color: #6B4EA2;
}

.fin-admin-open-refund__photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
    gap: 0.4rem;
}

.fin-admin-open-refund__photo {
    aspect-ratio: 1;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #EEE8F5;
    background: #F3F0F8;
    display: block;
}

.fin-admin-open-refund__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.fin-admin-open-refund__reason-grid {
    display: grid;
    gap: 0.45rem;
    margin: 0;
}

.fin-admin-open-refund__reason-row {
    display: grid;
    gap: 0.1rem;
}

.fin-admin-open-refund__reason-row dt {
    margin: 0;
    font-size: 0.7rem;
    font-weight: 700;
    color: #6B7280;
}

.fin-admin-open-refund__reason-row dd {
    margin: 0;
    font-size: 0.84rem;
    font-weight: 600;
    color: #372A58;
    line-height: 1.4;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.fin-admin-open-refund__money {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0.15rem 0;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #EEE8F5;
    overflow: hidden;
}

.fin-admin-open-refund__money-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    padding: 0.55rem 0.7rem;
    border-bottom: 1px solid #F1ECF7;
}

/* RTL: pack row to the right; amount sits at the right edge (beside the label). */
[dir="rtl"] .fin-admin-open-refund__money-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0.75rem;
}

[dir="rtl"] .fin-admin-open-refund__money-row dt {
    flex: 0 1 auto;
    order: 2;
    text-align: start;
}

[dir="rtl"] .fin-admin-open-refund__money-row dd {
    flex: 0 0 auto;
    order: 1;
    margin-inline-start: 0;
    justify-content: flex-start;
}

.fin-admin-open-refund__money-row:last-child {
    border-bottom: 0;
}

.fin-admin-open-refund__money-row dt {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 600;
    color: #6B7280;
    line-height: 1.3;
}

.fin-admin-open-refund__money-row dd {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
    color: #372A58;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25em;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.fin-admin-open-refund__money-sign {
    font-weight: 700;
    line-height: 1;
}

.fin-admin-open-refund__money-row .rr-currency {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.28em;
    white-space: nowrap;
    direction: ltr;
    unicode-bidi: isolate;
    color: inherit;
    line-height: 1;
}

.fin-admin-open-refund__money-row .rr-currency__value {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.fin-admin-open-refund__money-row .rr-currency__symbol {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    color: #6A5D8B;
    line-height: 0;
}

.fin-admin-open-refund__money-row .rr-currency__symbol .partner-buy-sar-svg,
.fin-admin-open-refund__money-row .partner-buy-sar-svg {
    width: 0.85em;
    height: 0.85em;
    display: block;
}

.fin-admin-open-refund__money-row--positive dd,
.fin-admin-open-refund__money-row--positive .rr-currency__symbol {
    color: #15803D;
}

.fin-admin-open-refund__money-row--deduction dd,
.fin-admin-open-refund__money-row--deduction .rr-currency__symbol {
    color: #B45309;
}

.fin-admin-open-refund__money-row--total {
    background: #F5F2FA;
    border-top: 1px solid #E8E3F0;
    border-bottom: 0;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
}

.fin-admin-open-refund__money-row--total dt {
    font-size: 0.82rem;
    font-weight: 800;
    color: #372A58;
}

.fin-admin-open-refund__money-row--total dd {
    font-size: 1rem;
    font-weight: 800;
    color: #372A58;
}

.fin-admin-open-refund__money-row--total .rr-currency__symbol {
    color: #372A58;
}

.fin-admin-open-refund__money-row--total .rr-currency__symbol .partner-buy-sar-svg {
    width: 0.92em;
    height: 0.92em;
}

/* Header amount also needs explicit inline currency (eshop.css not on this page). */
.fin-admin-open-refund__amount .rr-currency,
.fin-admin-open-refund__currency.rr-currency {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.28em;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    white-space: nowrap;
    direction: ltr;
    unicode-bidi: isolate;
    line-height: 1;
}

.fin-admin-open-refund__amount .rr-currency__value {
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.fin-admin-open-refund__amount .rr-currency__symbol,
.fin-admin-open-refund__amount .partner-buy-sar-svg {
    width: 0.95em;
    height: 0.95em;
    flex-shrink: 0;
    display: block;
}

.fin-admin-open-refund__notice {
    margin: 0;
    padding: 0.5rem 0.7rem;
    border-radius: 10px;
    background: #F5F3FA;
    border: 1px solid #E8E3F0;
    font-size: 0.78rem;
    line-height: 1.4;
    color: #5B526C;
}

.fin-admin-open-refund__notice--escrow-hold {
    background: #FFF8E8;
    border-color: #F0D9A8;
    color: #6B4E12;
    font-weight: 600;
}

.fin-admin-open-refund__decide {
    margin-top: 0.35rem;
    padding-top: 0.85rem;
    border-top: 1px dashed #E8E3F0;
}

.fin-admin-refund-decide__hint {
    margin: 0 0 0.9rem;
    font-size: 0.82rem;
    line-height: 1.45;
}

.fin-admin-open-refund__parties {
    margin-top: 0.15rem;
    padding: 0.75rem;
    border: 1px solid #EEE8F5;
    border-radius: 12px;
    background: #FFFEFF;
}

fieldset.fin-admin-open-refund__parties.fin-admin-open-refund__section-fieldset {
    padding-top: 0.45rem;
}

.fin-admin-open-refund__parties-hint {
    margin: 0 0 0.65rem;
    font-size: 0.78rem;
    line-height: 1.4;
}

.fin-admin-open-refund__parties-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.fin-admin-open-refund__party {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 0.7rem 0.8rem;
    border: 1px solid #EEE8F5;
    border-radius: 10px;
    background: #F8F6FC;
}

.fin-admin-open-refund__party-label {
    margin: 0 0 0.45rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #6B7280;
}

.fin-admin-open-refund__party .fin-party-card {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.fin-admin-open-refund__party .fin-party-card__actions {
    margin-top: auto;
    padding-top: 0.55rem;
}

.fin-admin-open-refund__party .fin-party-card__actions .fin-ord-detail-btn {
    width: 100%;
    justify-content: center;
}

.fin-admin-refund-decide__moderator {
    margin: 0;
    min-width: 0;
    grid-column: 1 / -1;
}

.fin-admin-action-card--moderator {
    border-color: #D6C9F0;
    background: linear-gradient(180deg, #F7F4FC 0%, #fff 42%);
}

.fin-admin-action-card--moderator.fin-admin-action-card-fieldset .fin-admin-action-card__inner {
    flex-direction: row;
    align-items: flex-start;
}

.fin-admin-action-card--moderator .fin-admin-action-card__icon {
    background: #EDE7F6;
    color: #5B3F8A;
}

.fin-admin-action-card--moderator .fin-admin-action-card__field {
    margin: 0;
}

.fin-admin-refund-decide__moderator-input {
    width: 100%;
}

.fin-admin-refund-decide__moderator.is-invalid .fin-admin-refund-decide__moderator-input,
.fin-admin-refund-decide__moderator-input.is-invalid {
    border-color: #C62828;
    box-shadow: 0 0 0 3px rgba(198, 40, 40, 0.12);
}

.fin-admin-refund-decide__moderator-hint {
    margin: 0.4rem 0 0;
    font-size: 0.78rem;
    line-height: 1.4;
}

.fin-admin-refund-decide__moderator-error {
    margin: 0.35rem 0 0;
    font-size: 0.78rem;
    font-weight: 650;
    line-height: 1.4;
    color: #C62828;
}

.fin-admin-refund-decide__required {
    color: #C62828;
    font-weight: 700;
    margin-inline-start: 0.15rem;
}

.fin-admin-refund-decide__settings {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(7.5rem, 0.8fr);
    gap: 0.65rem;
    align-items: end;
}

.fin-admin-refund-decide__settings .fin-ord-filter-select,
.fin-admin-refund-decide__settings .fin-ord-filter-select-wrap,
.fin-admin-refund-decide__settings .fin-admin-action-card__input {
    width: 100%;
    min-width: 0;
}

.fin-admin-refund-decide__settings .fin-admin-action-card__input {
    height: 42px;
    min-height: 42px;
    padding-top: 0;
    padding-bottom: 0;
}

.fin-admin-refund-decide__cards.fin-order-admin-actions__cards {
    align-items: start;
}

.fin-admin-refund-decide__cards .fin-admin-action-card-fieldset {
    height: auto;
}

.fin-admin-refund-decide__cards .fin-admin-action-card-fieldset .fin-admin-action-card__inner,
.fin-admin-refund-decide__cards .fin-admin-action-card-fieldset .fin-admin-action-card__form--stack {
    height: auto;
    flex: 0 1 auto;
}

.fin-admin-refund-decide__policy-hint {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.4;
}

.fin-admin-refund-decide__breakdown {
    margin: 0;
    padding: 0.45rem 0.6rem;
    border-radius: 8px;
    background: #F5F2FA;
    font-size: 0.75rem;
    line-height: 1.4;
    color: #4B4763;
}

.fin-admin-refund-decide__breakdown.is-error {
    background: #FEF2F2;
    color: #991B1B;
}

.fin-admin-refund-decide__submit {
    width: 100%;
    justify-content: center;
}

.fin-admin-refund-decide__chat {
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px dashed #E8E3F0;
}

.fin-admin-refund-decide__chat-hint {
    margin: 0 0 0.6rem;
    font-size: 0.78rem;
    line-height: 1.45;
}

@media (max-width: 900px) {
    .fin-admin-open-refund__grid,
    .fin-admin-open-refund__body,
    .fin-admin-refund-decide__settings,
    .fin-admin-open-refund__parties-grid {
        grid-template-columns: 1fr;
    }

    .fin-admin-action-card--moderator.fin-admin-action-card-fieldset .fin-admin-action-card__inner {
        flex-direction: column;
    }
}

@media (max-width: 720px) {
    .fin-admin-open-refund__header {
        grid-template-columns: 1fr;
    }

    .fin-admin-open-refund__action {
        width: 100%;
        justify-content: space-between;
    }

    .fin-admin-open-refund__amount-block {
        align-items: flex-start;
        text-align: start;
    }

    .fin-admin-open-refund__cta {
        flex: 1 1 auto;
        justify-content: center;
        text-align: center;
    }
}

.fin-admin-action-card__text--notice {
    margin-top: -0.35rem;
    margin-bottom: 0.75rem;
    padding: 0.55rem 0.7rem;
    border-radius: 10px;
    background: #F5F3FA;
    border: 1px solid #E8E3F0;
    font-size: 0.8rem;
}

.fin-refund-modal--admin .fin-refund-modal__header--admin {
    background: linear-gradient(135deg, #372A58 0%, #5B4578 100%);
}

.fin-refund-modal--admin .fin-refund-modal__header--admin .fin-refund-modal__title,
.fin-refund-modal--admin .fin-refund-modal__header--admin .fin-refund-modal__subtitle {
    color: #fff;
}

.fin-refund-modal--admin .fin-refund-modal__header--admin .fin-refund-modal__close {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
}

.fin-refund-modal--admin .fin-refund-modal__header--admin .fin-refund-modal__close:hover {
    background: rgba(255, 255, 255, 0.22);
}

/* Admin refund stepper: actions on the visual right (RTL start) */
.fin-refund-modal--admin .fin-refund-modal__footer.rr-step__nav {
    justify-content: flex-end;
}

[dir="rtl"] .fin-refund-modal--admin .fin-refund-modal__footer.rr-step__nav {
    flex-direction: row;
    justify-content: flex-start;
}

.fin-admin-refund-scope {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.fin-admin-refund-scope--three {
    grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
}

@media (max-width: 720px) {
    .fin-admin-refund-scope,
    .fin-admin-refund-scope--three {
        grid-template-columns: 1fr;
    }
}

.fin-admin-refund-scope__error {
    margin: 0 0 0.75rem;
    color: #C62828;
    font-size: 0.84rem;
    font-weight: 600;
}

.fin-admin-refund-scope__card {
    position: relative;
    display: block;
    margin: 0;
    cursor: pointer;
}

.fin-admin-refund-scope__card input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.fin-admin-refund-scope__card-body {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-height: 100%;
    padding: 1rem 1.05rem;
    border-radius: 14px;
    border: 1.5px solid #E0D8EC;
    background: #fff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.fin-admin-refund-scope__card input:checked + .fin-admin-refund-scope__card-body {
    border-color: #6B4EA2;
    background: #F7F3FF;
    box-shadow: 0 0 0 3px rgba(107, 78, 162, 0.14);
}

.fin-admin-refund-scope__card:hover .fin-admin-refund-scope__card-body {
    border-color: #B9A8D6;
}

.fin-admin-refund-scope__card-title {
    font-size: 0.95rem;
    font-weight: 800;
    color: #372A58;
}

.fin-admin-refund-scope__card-hint {
    font-size: 0.8rem;
    line-height: 1.45;
    color: #6B7280;
}

.fin-admin-refund-scope__card-amount {
    margin-top: 0.35rem;
    font-size: 0.92rem;
    font-weight: 800;
    color: #4A3B6E;
}

.fin-admin-refund-destination {
    margin: 1.25rem 0 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

.fin-admin-refund-destination__legend {
    padding: 0;
    margin: 0 0 0.35rem;
    font-size: 0.95rem;
    font-weight: 800;
    color: #372A58;
}

.fin-admin-refund-destination__intro {
    margin: 0 0 0.75rem;
    font-size: 0.8rem;
    line-height: 1.45;
    color: #6B7280;
}

.fin-admin-refund-scope--destination {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fin-admin-refund-scope__card--disabled {
    cursor: not-allowed;
}

.fin-admin-refund-scope__card--disabled .fin-admin-refund-scope__card-body {
    opacity: 0.55;
    background: #F7F7F8;
}

.fin-admin-refund-scope__card--disabled:hover .fin-admin-refund-scope__card-body {
    border-color: #E0D8EC;
}

.fin-admin-custom-amount {
    margin-bottom: 0.35rem;
}

.fin-admin-custom-amount__input-wrap {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.fin-admin-custom-amount__input {
    flex: 1 1 auto;
    min-width: 0;
    font-variant-numeric: tabular-nums;
    direction: ltr;
    text-align: start;
}

.fin-admin-custom-amount__input.fin-refund-modal__select--invalid {
    border-color: #C62828;
    box-shadow: 0 0 0 3px rgba(198, 40, 40, 0.12);
}

.fin-admin-custom-amount__currency {
    flex: 0 0 auto;
    font-size: 0.88rem;
    font-weight: 700;
    color: #4A3B6E;
}

.fin-admin-custom-amount__escrow.rr-currency {
    display: inline-flex;
    margin-inline-start: 0.2rem;
}

.rr-stepper__list--with-scope {
    gap: 0.35rem;
}

.fin-admin-action-card {
    min-width: 0;
    height: 100%;
}

.fin-admin-action-card:not(.fin-admin-action-card-fieldset) {
    display: flex;
    gap: 0.85rem;
    padding: 1.15rem 1.25rem;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #E8E3F0;
}

.fin-admin-action-card--settle:not(.fin-admin-action-card-fieldset) {
    border-color: #C8E6C9;
}

.fin-admin-action-card--refund:not(.fin-admin-action-card-fieldset) {
    border-color: #FFCDD2;
}

.fin-admin-action-card--cancel:not(.fin-admin-action-card-fieldset) {
    border-color: #FFCDD2;
}

.fin-admin-action-card--undo-cancel:not(.fin-admin-action-card-fieldset) {
    border-color: #BBDEFB;
}

.fin-admin-action-card__text--reason {
    margin-top: 0.35rem;
    font-size: 0.84rem;
    line-height: 1.5;
}

.fin-admin-action-card__reason-label {
    display: block;
    font-weight: 700;
    margin-bottom: 0.15rem;
    color: #374151;
}

.fin-admin-action-card__icon {
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #F3F2F6;
    color: #372A58;
}

.fin-admin-action-card-fieldset .fin-admin-action-card__icon {
    align-self: flex-start;
}

.fin-admin-action-card--settle .fin-admin-action-card__icon {
    background: #E8F5E9;
    color: #2E7D32;
}

.fin-admin-action-card--refund .fin-admin-action-card__icon {
    background: #FFEBEE;
    color: #C62828;
}

.fin-admin-action-card--cancel .fin-admin-action-card__icon {
    background: #FFEBEE;
    color: #C62828;
}

.fin-admin-action-card--undo-cancel .fin-admin-action-card__icon {
    background: #E3F2FD;
    color: #1565C0;
}

.fin-admin-action-card__body {
    flex: 1;
    min-width: 0;
}

.fin-admin-action-card__title {
    margin: 0 0 0.35rem;
    font-size: 0.92rem !important;
    font-weight: 800;
    color: #372A58;
}

.fin-admin-action-card__text {
    margin: 0 0 0.9rem;
    font-size: 0.84rem;
    line-height: 1.55;
}

.fin-admin-action-card__form {
    margin: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.fin-admin-action-card__label {
    display: block;
    margin-bottom: 0.45rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #6B6580;
}

.fin-admin-action-card__fields {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.fin-order-admin-actions__reason {
    min-width: 12rem;
    flex: 1 1 180px;
}

.fin-admin-action-card__form--stack {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    flex: 1 1 auto;
}

.fin-admin-action-card__field {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

.fin-admin-action-card__input,
.fin-admin-action-card__textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 0.65rem 0.85rem;
    border: 1px solid #E1DFE8;
    border-radius: 10px;
    background: #fff;
    font-size: 0.88rem;
    color: #372A58;
    line-height: 1.45;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.fin-admin-action-card__textarea {
    min-height: 5rem;
    resize: vertical;
}

.fin-admin-action-card__field .fin-quasar-rich-scope .q-editor {
    border-radius: 10px;
    border-color: #E1DFE8;
}

.fin-admin-action-card__field .fin-quasar-rich-scope .q-editor__toolbar {
    border-radius: 10px 10px 0 0;
}

.fin-admin-action-card__field .fin-quasar-rich-scope .q-editor__content {
    min-height: 5rem;
    padding: 0.65rem 0.85rem;
}

.fin-admin-action-card__input::placeholder,
.fin-admin-action-card__textarea::placeholder {
    color: #9CA3AF;
}

.fin-admin-action-card__input:focus,
.fin-admin-action-card__textarea:focus {
    outline: none;
    border-color: #6A5D8B;
    box-shadow: 0 0 0 3px rgba(106, 93, 139, 0.12);
}

.fin-admin-action-card__check {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid #E1DFE8;
    border-radius: 10px;
    background: #fff;
    font-size: 0.82rem;
    font-weight: 600;
    color: #4B4763;
    line-height: 1.4;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.fin-admin-action-card__check:hover {
    border-color: #C9C2DC;
    background: #FBFAFE;
}

.fin-admin-action-card__check input[type="checkbox"] {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin: 0;
    accent-color: #2E7D32;
    cursor: pointer;
}

.fin-admin-action-card__actions {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 0.95rem;
    border-top: 1px solid rgba(106, 93, 139, 0.1);
}

.fin-admin-action-card--settle .fin-admin-action-card__actions {
    border-top-color: rgba(46, 125, 50, 0.14);
}

.fin-admin-action-card--refund .fin-admin-action-card__actions,
.fin-admin-action-card--cancel .fin-admin-action-card__actions {
    border-top-color: rgba(198, 40, 40, 0.12);
}

.fin-admin-action-card--undo-cancel .fin-admin-action-card__actions {
    border-top-color: rgba(21, 101, 192, 0.12);
}

.fin-admin-action-card--release-po .fin-admin-action-card__actions {
    border-top-color: rgba(57, 73, 171, 0.12);
}

.fin-admin-action-card__actions .finance-btn {
    min-height: 2.35rem;
    padding: 0.5rem 1.35rem;
    font-size: 0.88rem;
    font-weight: 700;
    border-radius: 10px;
}

.fin-admin-action-card--settle .fin-admin-action-card__actions .finance-btn--primary {
    box-shadow: 0 4px 14px rgba(46, 125, 50, 0.22);
}

/* Refund detail — approve reads as a positive (green) action, matching its semantics. */
.fin-refund-actions .fin-admin-action-card--settle .fin-admin-action-card__actions .finance-btn--primary {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-color: #059669;
    color: #fff;
}

.fin-refund-actions .fin-admin-action-card--settle .fin-admin-action-card__actions .finance-btn--primary:hover:not(:disabled) {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    border-color: #047857;
    color: #fff;
}

.fin-refund-actions .fin-admin-action-card--settle .fin-admin-action-card__check input[type="checkbox"] {
    accent-color: #059669;
}

.fin-admin-action-card--refund .fin-admin-action-card__actions .finance-btn--danger,
.fin-admin-action-card--cancel .fin-admin-action-card__actions .finance-btn--danger {
    min-width: 6.5rem;
    border-width: 1.5px;
}

.fin-admin-action-card--refund .fin-admin-action-card__input:focus,
.fin-admin-action-card--refund .fin-admin-action-card__textarea:focus {
    border-color: #DC2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}

.fin-admin-action-card--cancel .fin-admin-action-card__input:focus,
.fin-admin-action-card--cancel .fin-admin-action-card__textarea:focus {
    border-color: #DC2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}

/* Order detail + party cards: Label: Value (RTL/LTR) */
.admin-finance-order-detail .fin-detail-kv--labeled .fin-detail-kv__row,
.admin-finance-order-detail .fin-detail-kv--party-links.fin-detail-kv--labeled .fin-detail-kv__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-start;
    gap: 0.2rem 0.45rem;
    padding: 0.45rem 0;
    border-bottom: 1px solid #F3F0F8;
}

.admin-finance-order-detail .fin-detail-kv--labeled .fin-detail-kv__row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.admin-finance-order-detail .fin-detail-kv--labeled .fin-detail-kv__k,
.admin-finance-order-detail .fin-detail-kv--labeled dt.fin-detail-kv__k {
    margin: 0;
    flex: 0 0 auto;
    text-align: start;
    font-size: 0.82rem;
    font-weight: 700;
    color: #6A5D8B;
}

.admin-finance-order-detail .fin-detail-kv--labeled .fin-detail-kv__k::after,
.admin-finance-order-detail .fin-detail-kv--labeled dt.fin-detail-kv__k::after {
    content: ":";
    margin-inline-start: 0.12rem;
}

.admin-finance-order-detail .fin-detail-kv--labeled .fin-detail-kv__v,
.admin-finance-order-detail .fin-detail-kv--labeled dd.fin-detail-kv__v {
    margin: 0;
    flex: 1 1 auto;
    min-width: min(100%, 14rem);
    text-align: start;
    font-size: 0.9rem;
    color: #372A58;
}

.admin-finance-order-detail .fin-party-card__fields--labeled .fin-party-card__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-start;
    gap: 0.2rem 0.45rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid #F8F6FB;
    grid-template-columns: unset;
}

.admin-finance-order-detail .fin-party-card__fields--labeled .fin-party-card__row:last-child {
    border-bottom: none;
}

.admin-finance-order-detail .fin-party-card__fields--labeled .fin-party-card__k {
    margin: 0;
    flex: 0 0 auto;
    text-align: start;
    min-width: 0;
}

.admin-finance-order-detail .fin-party-card__fields--labeled .fin-party-card__k::after {
    content: ":";
    margin-inline-start: 0.12rem;
}

.admin-finance-order-detail .fin-party-card__fields--labeled .fin-party-card__v {
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
    text-align: start;
}

.fin-partner-invoices-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0 0 1rem;
    padding: 0.85rem;
    border-radius: 12px;
    background: #F8F7FB;
    border: 1px solid #EDEAF2;
}

@media (max-width: 720px) {
    .fin-partner-invoices-summary {
        grid-template-columns: 1fr;
    }
}

.fin-partner-invoices-summary__item {
    text-align: center;
}

.fin-partner-invoices-summary__k {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #8887A2;
}

.fin-partner-invoices-summary__v {
    display: block;
    margin-top: 0.2rem;
    font-size: 1.05rem;
    font-weight: 800;
    color: #372A58;
}

.fin-partner-invoices-summary__item--net .fin-partner-invoices-summary__v {
    color: #2E7D32;
}

.fin-partner-invoices-callout {
    margin: 0 0 1rem;
    padding: 0.75rem 0.9rem;
    border-radius: 10px;
    background: #fff;
    border: 1px dashed #D8D2E4;
    font-size: 0.84rem;
    line-height: 1.55;
    color: #5C5670;
}

.fin-partner-invoices-callout ul {
    margin: 0.35rem 0 0;
    padding-inline-start: 1.1rem;
}

.fin-dual-date {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.fin-dual-date__line {
    line-height: 1.35;
    font-variant-numeric: tabular-nums;
}

.fin-dual-date__line--en {
    font-size: 0.86rem;
}

.fin-dual-date__line--ar {
    font-size: 0.8rem;
    color: #8887A2;
}

.fin-dual-date__line {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.5rem;
}

.fin-dual-date__tag {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #9B96AD;
    flex-shrink: 0;
}

.fin-dual-date__val {
    font-weight: 600;
}

.fin-party-card {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.fin-party-card__name {
    font-weight: 800;
    font-size: 1rem;
    color: #2D2640;
    margin-bottom: 0.35rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid #F0EEF4;
}

.fin-party-card__fields {
    margin: 0;
}

.fin-party-card__row {
    display: grid;
    grid-template-columns: minmax(5.25rem, 42%) minmax(0, 1fr);
    column-gap: 0.65rem;
    align-items: baseline;
    padding: 0.4rem 0;
    border-bottom: 1px solid #F8F6FB;
    font-size: 0.88rem;
}

.fin-party-card__row:last-child {
    border-bottom: none;
}

.fin-party-card__k {
    margin: 0;
    font-weight: 700;
    color: #6B6578;
    text-align: end;
}

.fin-party-card__v {
    margin: 0;
    color: #3D3550;
    word-break: break-word;
    text-align: start;
}

.fin-party-card__v a {
    color: #5B4A87;
    text-decoration: none;
}

.fin-party-card__v a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .fin-party-card__row {
        grid-template-columns: 1fr;
        gap: 0.1rem;
    }

    .fin-party-card__k {
        text-align: start;
    }
}

.fin-party-card__actions {
    margin-top: 0.35rem;
}

.fin-detail-kv--party {
    padding-top: 0.15rem;
}

.fin-ord-table .fin-dual-date__line--en {
    font-size: 0.84rem;
}

.fin-ord-table .fin-dual-date__line--ar {
    font-size: 0.78rem;
}

.fin-orders-group-hint {
    margin: 0 0 0.75rem;
    padding: 0.65rem 0.85rem;
    border-radius: 10px;
    background: #F8F7FB;
    border: 1px solid #EDEAF2;
    font-size: 0.84rem;
    line-height: 1.5;
    color: #5C5670;
}

.fin-orders-group-hint strong {
    display: block;
    margin-bottom: 0.2rem;
    color: #372A58;
}

.fin-ord-extref {
    font-size: 0.82rem;
    max-width: 10rem;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

/* Partner order detail — earnings tab (compact receipt-style) */
.fin-order-earnings .fin-order-tab-head {
    margin-bottom: 0.85rem;
}

.fin-earnings-stack {
    max-width: 32rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.fin-earnings-hero {
    padding: 0.9rem 1rem;
    border-radius: 12px;
    background: linear-gradient(135deg, #F0FAF4 0%, #F8F7FB 55%);
    border: 1px solid #C8E6C9;
    text-align: center;
}

.fin-earnings-hero__label {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #5C7A63;
}

.fin-earnings-hero__row {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.35rem;
    margin-top: 0.15rem;
}

.fin-earnings-hero__amount {
    font-size: 1.75rem;
    font-weight: 800;
    color: #1B5E20;
    line-height: 1.15;
}

.fin-earnings-hero__currency {
    font-size: 0.9rem;
    font-weight: 700;
    color: #2E7D32;
}

.fin-earnings-hero__hint {
    margin: 0.45rem 0 0;
    font-size: 0.78rem;
    line-height: 1.45;
    color: #5C6B5E;
}

.fin-earnings-hero__hold {
    white-space: nowrap;
}

.fin-earnings-breakdown {
    padding: 0.75rem 0.9rem;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #EDEAF2;
}

.fin-earnings-breakdown__title {
    margin: 0 0 0.5rem;
    font-size: 0.82rem;
    font-weight: 800;
    color: #6A5D8B;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.fin-earnings-lines {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.fin-earnings-line {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.42rem 0;
    border-bottom: 1px solid #F3F1F6;
}

.fin-earnings-line:last-child {
    border-bottom: none;
}

.fin-earnings-line dt {
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.84rem;
    font-weight: 600;
    color: #5C5670;
    line-height: 1.35;
}

.fin-earnings-line dd {
    margin: 0;
    flex: 0 0 auto;
    font-size: 0.92rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.fin-earnings-line--in dd {
    color: #372A58;
}

.fin-earnings-line--out dd {
    color: #B45309;
}

.fin-earnings-line--muted dt,
.fin-earnings-line--muted dd {
    color: #8887A2;
    font-weight: 600;
}

.fin-earnings-line--total {
    margin-top: 0.2rem;
    padding-top: 0.5rem;
    border-top: 2px solid #EDEAF2;
    border-bottom: none;
}

.fin-earnings-line--total dt {
    font-weight: 800;
    color: #372A58;
}

.fin-earnings-line--total dd {
    font-size: 1rem;
    font-weight: 800;
    color: #2E7D32;
}

.fin-earnings-line__note {
    display: inline;
    font-size: 0.75rem;
    font-weight: 500;
    color: #8887A2;
}

.fin-earnings-status {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    padding: 0.55rem 0.75rem;
    border-radius: 10px;
    background: #F8F7FB;
    border: 1px solid #EDEAF2;
    font-size: 0.82rem;
}

.fin-earnings-status__item {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
}

.fin-earnings-status__k {
    font-weight: 700;
    color: #6A5D8B;
}

.fin-earnings-status__v {
    color: #372A58;
    font-variant-numeric: tabular-nums;
}

.fin-inv-parties-cell {
    font-size: 0.86rem;
    line-height: 1.45;
    max-width: 22rem;
}

.fin-inv-parties-cell__issuer {
    font-weight: 700;
    color: #372A58;
}

.fin-inv-parties-cell__recipient {
    color: #5C5670;
}

.fin-inv-type-label {
    font-weight: 600;
}

/* Invoices tab table */
.fin-ord-table--invoices tbody tr {
    transition: background-color 0.15s ease;
}

.fin-ord-table--invoices tbody tr:hover {
    background: #FAFAFC;
}

.fin-ord-table--invoices tbody tr.fin-inv-row--group {
    background: #F8F6FF;
}

.fin-ord-table--invoices tbody tr.fin-inv-row--group:hover {
    background: #F2EEFC;
}

.fin-inv-col--type {
    white-space: nowrap;
}

.fin-inv-type-badge {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0.22rem 0.62rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.01em;
    border: 1px solid transparent;
}

.fin-inv-type--receipt {
    background: #EEF2FF;
    color: #3730A3;
    border-color: #C7D2FE;
}

.fin-inv-type--group {
    background: #F3E8FF;
    color: #6B21A8;
    border-color: #D8B4FE;
}

.fin-inv-type--commission {
    background: #FFF7ED;
    color: #C2410C;
    border-color: #FED7AA;
}

.fin-inv-type--referral {
    background: #ECFDF5;
    color: #047857;
    border-color: #A7F3D0;
}

.fin-inv-type--default {
    background: #F3F2F6;
    color: #372A58;
    border-color: #E8E6EF;
}

.fin-inv-number {
    font-weight: 700;
    color: #372A58;
    letter-spacing: 0.02em;
}

.fin-inv-order-no {
    font-weight: 600;
}

.fin-inv-scope-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 6px;
    background: #EDEAF2;
    color: #5C4D7A;
    font-size: 0.76rem;
    font-weight: 700;
    white-space: nowrap;
}

.fin-inv-parties-flow {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    max-width: 100%;
}

.fin-inv-party-chip {
    display: inline-flex;
    align-items: center;
    max-width: 9.5rem;
    padding: 0.18rem 0.5rem;
    border-radius: 6px;
    background: #F3F2F6;
    color: #372A58;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fin-inv-party-chip--platform {
    background: #EDEAF2;
    color: #5C4D7A;
}

.fin-inv-flow-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #E8E6EF;
    color: #8B849E;
}

.fin-inv-flow-arrow svg {
    width: 0.72rem;
    height: 0.72rem;
}

[dir="rtl"] .fin-inv-flow-arrow svg {
    transform: scaleX(-1);
}

.fin-inv-status-badge {
    font-size: 0.76rem;
    font-weight: 700;
    padding: 0.22rem 0.58rem;
    border-radius: 999px;
    border: 1px solid transparent;
}

.fin-inv-status--issued {
    background: #ECFDF5;
    color: #047857;
    border-color: #A7F3D0;
}

.fin-inv-status--voided,
.fin-inv-status--cancelled {
    background: #FEF2F2;
    color: #B91C1C;
    border-color: #FECACA;
}

.fin-inv-status--default {
    background: #F3F2F6;
    color: #5C5670;
    border-color: #E8E6EF;
}

.fin-inv-vat--none {
    font-size: 0.9rem;
    letter-spacing: 0.05em;
}

.fin-group-escrow-rec {
    margin: 0 0 1.35rem;
}

.fin-group-escrow-rec__hint {
    margin-bottom: 0.65rem;
}

@media (max-width: 900px) {
    .fin-inv-parties-flow {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .fin-inv-flow-arrow {
        transform: rotate(90deg);
    }

    [dir="rtl"] .fin-inv-flow-arrow {
        transform: rotate(-90deg);
    }

    [dir="rtl"] .fin-inv-flow-arrow svg {
        transform: none;
    }
}

.admin-finance-order-detail #fin-tab-snapshots .finance-admin-panel--in-tab {
    padding: 0;
}

.fin-snapshot-banner {
    margin: 0 0 1.35rem;
    padding: 1rem 1.2rem;
    border-radius: 12px;
    background: #FFF7ED;
    border: 1px solid #FED7AA;
    color: #9A3412;
    font-size: 0.88rem;
    line-height: 1.55;
}

.fin-snapshot-sections {
    display: grid;
    gap: 1rem;
}

.fin-snapshot-section {
    margin: 0;
    min-width: 0;
}

.fin-snapshot-section-card {
    padding: 0.95rem 1rem 1rem;
    border-radius: 12px;
    background: #fff;
    overflow: visible;
}

.fin-snapshot-section-card > legend.fin-snapshot-section__title {
    width: auto;
    max-width: calc(100% - 1rem);
    padding: 0 0.35rem;
    margin-inline-start: 0.35rem;
    float: none;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.3;
    color: #372A58;
}

.fin-snapshot-section__body {
    margin-top: 0.55rem;
    padding: 0;
}

.fin-snapshot-section__title {
    margin: 0;
    padding: 0;
    font-size: 0.92rem !important;
    font-weight: 800;
    color: #372A58;
}

.fin-snapshot-dl {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    padding-top: 0.35rem;
}

.fin-snapshot-dl__row {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.35rem;
    min-width: 0;
    min-height: 0;
    padding: 1.15rem 1rem 0.95rem;
    border: 1px solid rgba(106, 93, 139, 0.2);
    border-radius: 11px;
    background: linear-gradient(145deg, rgba(248, 247, 252, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
    box-shadow: none;
    overflow: visible;
}

.fin-snapshot-dl__row dt {
    position: absolute;
    top: 0;
    inset-inline-start: 0.7rem;
    transform: translateY(-50%);
    margin: 0;
    padding: 0 0.35rem;
    background: #fff;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 0.74rem;
    font-weight: 700;
    color: rgba(55, 42, 88, 0.78);
    line-height: 1.25;
    max-width: calc(100% - 1.25rem);
    z-index: 1;
}

.fin-snapshot-dl__row dd {
    margin: 0;
    padding: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: #372A58;
    line-height: 1.35;
    word-break: break-word;
}

@media (max-width: 992px) {
    .fin-snapshot-dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.85rem;
    }

    .fin-snapshot-dl__row {
        padding: 0.95rem 1.05rem;
        min-height: 0;
    }
}

@media (max-width: 576px) {
    .fin-snapshot-dl {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }
}

/* Order freeze — same fin-snapshot-dl cards as توزيع الطلب */
.fin-order-freeze-panel {
    margin-bottom: 0;
}

.fin-order-snapshot-refunds__entry {
    margin-top: 1rem;
}

.fin-order-snapshot-refunds__entry-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.55rem;
    margin: 0 0 0.55rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: #372A58;
    line-height: 1.3;
}

.fin-snap-refund {
    border: 1px solid rgba(55, 42, 88, 0.12);
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

.fin-snap-refund--open {
    border-color: rgba(180, 120, 40, 0.28);
}

.fin-snap-refund__hero {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    padding: 0.85rem 0.95rem;
    background: linear-gradient(135deg, #f8f5fc 0%, #fff 55%, #fbfafd 100%);
    border-bottom: 1px solid rgba(55, 42, 88, 0.08);
}

.fin-snap-refund__hero-main {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.55rem 1rem;
}

.fin-snap-refund__ref {
    font-size: 0.82rem;
    font-weight: 700;
    color: #5b3d8a;
    text-decoration: none;
}

.fin-snap-refund__ref:hover {
    text-decoration: underline;
}

.fin-snap-refund__amount {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.1rem;
    margin-inline-start: auto;
}

.fin-snap-refund__amount-label {
    font-size: 0.7rem;
    font-weight: 650;
    color: rgba(55, 42, 88, 0.55);
}

.fin-snap-refund__amount-value {
    font-size: 1.35rem;
    font-weight: 800;
    color: #372A58;
    line-height: 1.15;
}

.fin-snap-refund__amount-value .rr-currency,
.fin-snap-refund__currency {
    display: inline-flex;
    align-items: baseline;
    gap: 0.2rem;
}

.fin-snap-refund__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.fin-snap-refund__chip {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem 0.4rem;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(55, 42, 88, 0.1);
    font-size: 0.74rem;
    line-height: 1.25;
}

.fin-snap-refund__chip-k {
    color: rgba(55, 42, 88, 0.55);
    font-weight: 600;
}

.fin-snap-refund__chip-v {
    color: #372A58;
    font-weight: 700;
}

.fin-snap-refund__scope-badge {
    font-weight: 750;
}

.fin-snap-refund__scope-badge--partial {
    color: #8a5310;
}

.fin-snap-refund__scope-badge--full {
    color: #2f6b45;
}

.fin-snap-refund__meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 0.15rem 0.85rem;
    margin: 0;
    padding: 0.7rem 0.95rem;
    border-bottom: 1px solid rgba(55, 42, 88, 0.08);
}

.fin-snap-refund__meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.25rem 0.65rem;
    margin: 0;
    padding: 0.28rem 0;
}

.fin-snap-refund__meta-row--block {
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: flex-start;
}

.fin-snap-refund__meta-row dt {
    margin: 0;
    font-size: 0.74rem;
    font-weight: 650;
    color: rgba(55, 42, 88, 0.55);
}

.fin-snap-refund__meta-row dd {
    margin: 0;
    font-size: 0.86rem;
    font-weight: 650;
    color: #372A58;
    line-height: 1.35;
}

.fin-snap-refund__panel {
    padding: 0.75rem 0.95rem 0.9rem;
}

.fin-snap-refund__scope {
    margin: 0 0 0.7rem;
}

.fin-snap-refund__breakdown-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem 0.75rem;
    margin: 0;
    padding: 0.55rem 0.65rem;
    border: 1px solid rgba(55, 42, 88, 0.1);
    border-radius: 10px;
    background: #faf9fc;
}

.fin-order-snapshot-refunds .fin-refund-breakdown__head-main {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.fin-order-snapshot-refunds .fin-refund-breakdown__title {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 700;
    color: #372A58;
    line-height: 1.3;
}

.fin-order-snapshot-refunds .fin-refund-breakdown__head-amount {
    font-size: 1.05rem;
    font-weight: 800;
    color: #372A58;
}

.fin-order-snapshot-refunds .fin-refund-breakdown__toggle {
    flex-shrink: 0;
}

.fin-order-snapshot-refunds .fin-refund-breakdown__panel {
    margin-top: 0.55rem;
}

.fin-order-snapshot-refunds .fin-refund-breakdown__panel-inner {
    padding: 0;
}

.fin-order-snapshot-refunds .fin-refund-breakdown__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.84rem;
}

.fin-order-snapshot-refunds .fin-refund-breakdown__table th,
.fin-order-snapshot-refunds .fin-refund-breakdown__table td {
    padding: 0.45rem 0.35rem;
    border-bottom: 1px solid rgba(55, 42, 88, 0.08);
    vertical-align: middle;
}

.fin-order-snapshot-refunds .fin-refund-breakdown__table thead th {
    font-size: 0.72rem;
    font-weight: 700;
    color: rgba(55, 42, 88, 0.55);
    text-align: start;
}

.fin-order-snapshot-refunds .fin-refund-breakdown__col-qty,
.fin-order-snapshot-refunds .fin-refund-breakdown__qty,
.fin-order-snapshot-refunds .fin-refund-breakdown__col-amount,
.fin-order-snapshot-refunds .fin-refund-breakdown__amount {
    text-align: end;
    white-space: nowrap;
}

.fin-order-snapshot-refunds .fin-refund-breakdown__product-card {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

.fin-order-snapshot-refunds .fin-refund-breakdown__product-thumb.fin-eshop-lines__thumb {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
}

.fin-order-snapshot-refunds .fin-refund-breakdown__product-title {
    font-weight: 650;
    color: #372A58;
    line-height: 1.35;
    word-break: break-word;
}

.fin-order-snapshot-refunds .fin-refund-breakdown__row--total th,
.fin-order-snapshot-refunds .fin-refund-breakdown__row--total td {
    border-bottom: 0;
    font-weight: 800;
    padding-top: 0.65rem;
}

/* Scope list — was unstyled on admin snapshots */
.rr-return-scope {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.rr-return-scope__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.rr-return-scope__badge {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 750;
    line-height: 1.25;
    border: 1px solid transparent;
}

.rr-return-scope__badge--partial {
    color: #8a5310;
    background: #fff7ea;
    border-color: rgba(180, 120, 40, 0.28);
}

.rr-return-scope__badge--full {
    color: #2f6b45;
    background: #eef8f1;
    border-color: rgba(47, 107, 69, 0.22);
}

.rr-return-scope__hint {
    margin: 0;
    padding: 0.45rem 0.6rem;
    border-radius: 8px;
    background: #fff8ef;
    border: 1px solid rgba(180, 120, 40, 0.22);
    color: #6d4a16;
    font-size: 0.78rem;
    line-height: 1.4;
}

.rr-return-scope__items {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rr-return-scope__item {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.5rem 0.6rem;
    border: 1px solid rgba(55, 42, 88, 0.1);
    border-radius: 10px;
    background: #fff;
}

.rr-return-scope__item-qty {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.1rem;
    padding: 0.18rem 0.4rem;
    border-radius: 999px;
    background: rgba(91, 61, 138, 0.08);
    color: #5b3d8a;
    font-size: 0.72rem;
    font-weight: 750;
    line-height: 1.2;
    white-space: nowrap;
}

.rr-return-scope__item-title {
    flex: 1;
    min-width: 0;
    font-size: 0.86rem;
    font-weight: 650;
    color: #372A58;
    line-height: 1.4;
}

.rr-return-scope--compact .rr-return-scope__item {
    padding: 0.42rem 0.55rem;
}

.rr-return-scope--compact .rr-return-scope__item-title {
    font-size: 0.84rem;
}

@media (max-width: 640px) {
    .fin-snap-refund__amount {
        align-items: flex-start;
        margin-inline-start: 0;
        width: 100%;
    }

    .fin-snap-refund__meta {
        grid-template-columns: 1fr;
    }
}

.fin-order-freeze-panel__legend {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    align-items: flex-start;
}

.fin-order-freeze-panel__subtitle {
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.3;
}

.fin-order-freeze-panel__offline-note {
    margin: 0 0 0.75rem;
    font-size: 0.88rem;
    line-height: 1.45;
}

.fin-snapshot-dl__v--stacked {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0.3rem;
}

.fin-snapshot-dl__amount {
    font-size: 0.95rem;
    font-weight: 700;
    color: #372A58;
    line-height: 1.3;
}

.fin-snapshot-dl__amount--text {
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.4;
}

.fin-snapshot-dl__hint {
    display: block;
    font-size: 0.76rem;
    font-weight: 500;
    line-height: 1.4;
    color: rgba(55, 42, 88, 0.58);
}

.fin-snapshot-dl__badge {
    display: inline-block;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.fin-snapshot-dl__badge.is-ok {
    color: #1b6b42;
    background: rgba(34, 139, 87, 0.12);
}

.fin-snapshot-dl__badge.is-warn {
    color: #b42318;
    background: rgba(220, 53, 69, 0.12);
}

.fin-snapshot-dl__row--identity {
    grid-column: 1 / -1;
}

.fin-snapshot-dl__row--identity.is-ok {
    border-color: rgba(34, 139, 87, 0.35);
    background: linear-gradient(145deg, rgba(240, 253, 246, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.fin-snapshot-dl__row--identity.is-mismatch {
    border-color: rgba(220, 53, 69, 0.35);
    background: linear-gradient(145deg, rgba(255, 245, 245, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.fin-freeze-row__desc {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.78rem;
    font-weight: 500;
    color: rgba(55, 42, 88, 0.62);
    line-height: 1.35;
}

.fin-detail-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

@media (max-width: 992px) {
    .fin-detail-metrics {
        grid-template-columns: 1fr;
    }
}

/* Refund detail — metric cards flow as flex chips with auto width instead of a fixed 3-col grid. */
.fin-detail-metrics--flex {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.fin-detail-metrics--flex .fin-detail-metric {
    flex: 1 1 auto;
    min-width: 12rem;
}

@media (max-width: 560px) {
    .fin-detail-metrics--flex .fin-detail-metric {
        flex-basis: 100%;
    }
}

.fin-detail-metric {
    background: #fff;
    border: 1px solid #E1DFE8;
    border-radius: 14px;
    padding: 0.95rem 1rem;
}

.fin-detail-metric__label {
    font-size: 0.75rem;
    font-weight: 700;
    color: #6A5D8B;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    margin-bottom: 0.35rem;
}

.fin-detail-metric__value {
    font-size: 1.05rem;
    font-weight: 800;
    color: #372A58;
    line-height: 1.2;
}

.fin-detail-metric--accent {
    background: #F8F7FB;
    border-color: #D5CFE4;
}

.fin-detail-metric__hint {
    margin-top: 0.35rem;
    font-size: 0.78rem;
    color: #8887A2;
}

.fin-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

@media (max-width: 992px) {
    .fin-detail-grid {
        grid-template-columns: 1fr;
    }
}

.fin-detail-card {
    background: #fff;
    border: 1px solid #E1DFE8;
    border-radius: 14px;
    padding: 1.1rem 1.15rem;
}

.fin-detail-card--span {
    grid-column: 1 / -1;
}

.fin-detail-card__title {
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 0.95rem;
    color: #372A58;
    margin-bottom: 0.75rem;
}

.fin-detail-kv {
    display: grid;
    gap: 0.55rem;
}

.fin-detail-kv__row {
    display: grid;
    grid-template-columns: minmax(7.5rem, 34%) minmax(0, 1fr);
    column-gap: 0.85rem;
    row-gap: 0.15rem;
    align-items: baseline;
}

.fin-detail-kv--aligned {
    margin: 0;
}

.fin-detail-kv--aligned .fin-detail-kv__row {
    padding: 0.45rem 0;
    border-bottom: 1px solid #F3F0F8;
}

.fin-detail-kv--aligned .fin-detail-kv__row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.fin-detail-kv--aligned .fin-detail-kv__k,
.fin-detail-kv--aligned dt.fin-detail-kv__k {
    margin: 0;
    text-align: end;
}

.fin-detail-kv--aligned .fin-detail-kv__v,
.fin-detail-kv--aligned dd.fin-detail-kv__v {
    margin: 0;
    text-align: start;
}

.fin-detail-kv__row--money .fin-detail-kv__v {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.fin-detail-kv__unit {
    font-size: 0.78rem;
    font-weight: 500;
    color: #8887A2;
    margin-inline-start: 0.2rem;
}

.fin-detail-kv__v--wrap {
    overflow-wrap: anywhere;
}

.fin-detail-kv--compact .fin-detail-kv__row {
    padding: 0.35rem 0;
}

.fin-detail-kv--party-links {
    margin-top: 0.75rem;
    padding-top: 0.65rem;
    border-top: 1px solid #F0EEF4;
}

@media (max-width: 768px) {
    .fin-detail-kv__row {
        grid-template-columns: 1fr;
        gap: 0.1rem;
    }

    .fin-detail-kv--aligned .fin-detail-kv__k,
    .fin-detail-kv--aligned dt.fin-detail-kv__k {
        text-align: start;
    }
}

.fin-detail-kv__k {
    font-size: 0.85rem;
    font-weight: 700;
    color: #6A5D8B;
    text-align: end;
}

.fin-detail-kv__v {
    font-size: 0.9rem;
    color: #372A58;
    word-break: break-word;
    text-align: start;
}

/* Order detail: parties column + main order card */
.fin-detail-grid--order-detail {
    display: grid;
    grid-template-columns: minmax(260px, min(32vw, 360px)) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.fin-detail-grid--order-detail .fin-detail-grid__side {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.fin-detail-grid--order-detail .fin-detail-card--order-main {
    min-width: 0;
}

.fin-detail-card--party {
    padding: 1rem 1.1rem;
}

.fin-detail-card__title--party {
    margin-bottom: 0.65rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #F0EEF4;
}

.fin-detail-card__empty {
    margin: 0;
    font-size: 0.88rem;
}

.admin-finance-order-detail .fin-detail-kv__row--date .fin-dual-date--compact {
    max-width: none;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

@media (max-width: 992px) {
    .fin-detail-grid--order-detail {
        grid-template-columns: 1fr;
    }

    .fin-detail-grid--order-detail .fin-detail-card--order-main {
        order: -1;
    }
}

.fin-detail-inline-form {
    flex-wrap: wrap;
    gap: 0.75rem;
}

.fin-detail-hint {
    margin-bottom: 0.75rem;
}

/* Audit log rows (order detail tab) */
.fin-ord-table--audit tbody td {
    padding: 1rem 1.1rem;
    vertical-align: middle;
    text-align: center;
}

.fin-ord-table--audit thead th:nth-child(1) { min-width: 8.5rem; }
.fin-ord-table--audit thead th:nth-child(3) { min-width: 11rem; }
.fin-ord-table--audit thead th:nth-child(5) { min-width: 12rem; }
.fin-ord-table--audit thead th:nth-child(6) { min-width: 10rem; }

.fin-audit-time {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    font-family: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;
    line-height: 1.35;
    white-space: nowrap;
}

.fin-audit-time__date {
    font-weight: 700;
    color: #372A58;
    font-size: 0.82rem;
}

.fin-audit-time__clock {
    font-size: 0.78rem;
    color: #6B6580;
}

.fin-audit-time__tz {
    font-size: 0.7rem;
    font-weight: 600;
    color: #9A94A8;
    letter-spacing: 0.04em;
}

.fin-audit-transition {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.35rem;
}

.fin-audit-actor {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 5.5rem;
}

.fin-audit-actor__type {
    font-weight: 700;
    font-size: 0.88rem;
    color: #372A58;
}

.fin-audit-actor__id {
    display: inline-block;
    max-width: 7.5rem;
    padding: 0.15rem 0.45rem;
    border-radius: 6px;
    background: #F3F2F6;
    border: 1px solid #E8E3F0;
    font-size: 0.72rem;
    color: #6B6580;
    font-family: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;
    cursor: help;
}

.fin-audit-explain {
    display: block;
    max-width: 14rem;
    font-size: 0.86rem;
    line-height: 1.5;
    color: #4A4560;
}

.fin-audit-note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
}

.fin-audit-note--kv {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
}

.fin-audit-note__pair {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.25rem 0.5rem;
    border-radius: 8px;
    background: #F8F7FB;
    border: 1px solid #EDEAF2;
}

.fin-audit-note__key {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #8887A2;
}

.fin-audit-note__value {
    font-size: 0.75rem;
    color: #372A58;
    font-family: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;
    cursor: help;
}

.fin-audit-note__value--solo {
    display: inline-block;
    max-width: 12rem;
    padding: 0.2rem 0.45rem;
    border-radius: 6px;
    background: #F8F7FB;
    border: 1px solid #EDEAF2;
}

.fin-audit-note__tag {
    display: inline-block;
    padding: 0.12rem 0.45rem;
    border-radius: 5px;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.fin-audit-note__tag--demo {
    background: #FFF8E1;
    color: #E65100;
    border: 1px solid #FFE082;
}

.fin-ord-status--paid {
    background: #E8F5E9;
    color: #2E7D32;
}


/* ═══════════════════════════════════════════════════════
   Order Management Filters  (/Admin/FinanceOrderManagement)
   ═══════════════════════════════════════════════════════ */

.fin-ord-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: flex-end;
}

.fin-ord-filter-group {
    display: flex;
    flex-direction: column;
}

.fin-ord-filter-grow {
    flex: 1;
    min-width: 180px;
}

.fin-ord-filter-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6A5D8B;
    margin-bottom: 0.3rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.fin-ord-filter-select,
.fin-ord-filter-input {
    height: 42px;
    padding: 0 0.85rem;
    border: 1px solid #E1DFE8;
    border-radius: 10px;
    background: #fff;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 0.88rem;
    color: #372A58;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    outline: none;
    min-width: 160px;
}

.fin-ord-filter-select:focus,
.fin-ord-filter-input:focus {
    border-color: #6A5D8B;
    box-shadow: 0 0 0 3px rgba(106, 93, 139, 0.12);
}

.fin-ord-filter-btn {
    height: 42px;
    padding: 0 1.2rem;
    background: #6A5D8B;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    transition: background 0.2s ease;
}

.fin-ord-filter-btn:hover {
    background: #5A4F7A;
}

a.fin-ord-filter-btn {
    text-decoration: none;
    box-sizing: border-box;
}


/* ═══════════════════════════════════════════════════════
   Order Management Table
   ═══════════════════════════════════════════════════════ */

.fin-ord-table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #E1DFE8;
    border-radius: 12px;
    overflow: hidden;
}

.fin-ord-table thead th {
    background: #F8F7FB;
    border-bottom: 2px solid #E1DFE8;
    font-weight: 700;
    color: #372A58;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.85rem 1rem;
    white-space: nowrap;
    user-select: none;
    text-align: center;
    vertical-align: middle;
}

.fin-ord-table thead th:first-child {
    border-start-start-radius: 12px;
}

.fin-ord-table thead th:last-child {
    border-start-end-radius: 12px;
}

.fin-ord-table tbody td {
    border-bottom: 1px solid #F0EEF4;
    padding: 0.75rem 1rem;
    text-align: center;
    vertical-align: middle;
}

.fin-ord-table tbody tr:last-child td {
    border-bottom: none;
}

.fin-ord-table tbody tr:hover {
    background: #FAFAFC;
}

/* Scrollable finance tables (Order Management, wallet ledger, partner orders, …) */
.finance-table-wrap--scroll {
    scrollbar-width: thin;
    scrollbar-color: #B9AACF #EDEAF2;
}

.finance-table-wrap--scroll::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.finance-table-wrap--scroll::-webkit-scrollbar-track {
    background: #EDEAF2;
    border-radius: 999px;
}

.finance-table-wrap--scroll::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #9A8AB8 0%, #6A5D8B 100%);
    border-radius: 999px;
    border: 2px solid #EDEAF2;
}

.finance-table-wrap--scroll::-webkit-scrollbar-thumb:hover {
    background: #554a72;
}

.finance-table-wrap--scroll::-webkit-scrollbar-corner {
    background: #EDEAF2;
}

/* ── Sortable column headers ── */
.fin-ord-sortable {
    cursor: pointer;
}

.fin-ord-sortable:hover {
    background: #EDEAF2;
}

/* Server-sorted tables: full-cell link inside sortable header */
th.fin-ord-sortable:has(> a.fin-ord-sortable-link) {
    padding: 0;
    vertical-align: middle;
}

a.fin-ord-sortable-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.85rem 1rem;
    color: inherit;
    text-decoration: none;
    font: inherit;
    font-weight: 700;
    white-space: nowrap;
    border-radius: 0;
    transition: background 0.15s ease;
}

a.fin-ord-sortable-link:hover {
    background: #EDEAF2;
    color: inherit;
}

th.fin-ord-sortable.fin-ord-sortable--active a.fin-ord-sortable-link {
    background: #EDEAF2;
}

.fin-ord-filter-btn--ghost {
    background: #fff;
    color: #6A5D8B;
    border: 1px solid #E1DFE8;
}

.fin-ord-filter-btn--ghost:hover {
    background: #F8F7FB;
    color: #5A4F7A;
}


/* ═══════════════════════════════════════════════════════
   Status Badges (color-coded per status)
   ═══════════════════════════════════════════════════════ */

.fin-ord-badge {
    display: inline-block;
    padding: 0.2rem 0.65rem;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.fin-ord-status-inprogress {
    background: rgba(59, 130, 246, 0.12);
    color: #1d4ed8;
}

.fin-ord-status-completed {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
}

.fin-ord-status-paidonhold {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}

.fin-ord-status-returnrequested {
    background: #ffedd5;
    color: #c2410c;
}

.fin-ord-status-indispute {
    background: #fee2e2;
    color: #b91c1c;
}

.fin-ord-status-pending {
    background: #FEF3C7;
    color: #92400E;
}

.fin-ord-status-paid {
    background: #D1FAE5;
    color: #065F46;
}

.fin-ord-status-settled {
    background: #DBEAFE;
    color: #1E40AF;
}

.fin-ord-status-cancelled {
    background: #FEE2E2;
    color: #991B1B;
}

.fin-ord-status-refunded {
    background: #FDE68A;
    color: #78350F;
}

.fin-ord-status-partialownershipreleased {
    background: #E0E7FF;
    color: #3730A3;
}

/* Refund / Payout / Chargeback statuses (extended palette) */
.fin-ord-status-approved {
    background: #DBEAFE;
    color: #1E40AF;
}

.fin-ord-status-rejected {
    background: #FEE2E2;
    color: #991B1B;
}

.fin-ord-status-received {
    background: #FEF3C7;
    color: #92400E;
}

.fin-ord-status-disputed {
    background: #E0E7FF;
    color: #3730A3;
}

.fin-ord-status-partneraccepted {
    background: #D1FAE5;
    color: #065F46;
}

.fin-ord-status-resolved {
    background: #D1FAE5;
    color: #065F46;
}

.fin-ord-status-lost {
    background: #FEE2E2;
    color: #991B1B;
}

.fin-ord-status-active {
    background: #D1FAE5;
    color: #065F46;
}

.fin-ord-status-expired {
    background: #E5E7EB;
    color: #374151;
}

.fin-ord-status-cancelledcontract {
    background: #FEE2E2;
    color: #991B1B;
}

/* Loss category badges */
.fin-ord-cat-gateway { background: #DBEAFE; color: #1E40AF; }
.fin-ord-cat-refund  { background: #FDE68A; color: #78350F; }
.fin-ord-cat-topup   { background: #E0E7FF; color: #3730A3; }
.fin-ord-cat-other   { background: #F3F4F6; color: #374151; }

/* Order list — category badges */
.fin-ord-cat-booking,
.fin-ord-cat-dailybooking {
    background: #DBEAFE;
    color: #1E40AF;
}

.fin-ord-cat-eshop,
.fin-ord-cat-cart,
.fin-ord-cat-shop {
    background: #D1FAE5;
    color: #065F46;
}

.fin-ord-cat-service,
.fin-ord-cat-servicerequest,
.fin-ord-cat-platformservice {
    background: #E0E7FF;
    color: #3730A3;
}

.fin-ord-cat-partialownership {
    background: #FCE7F3;
    color: #9D174D;
}

.fin-ord-cat-platform,
.fin-ord-cat-boost {
    background: #E0E7FF;
    color: #3730A3;
}

.fin-ord-cat-direct,
.fin-ord-cat-online {
    background: #FEF3C7;
    color: #92400E;
}

/* Order list — payment method badges */
.fin-ord-pay-geidea {
    background: #EDE9FE;
    color: #5B21B6;
}

.fin-ord-pay-bank {
    background: #E0F2FE;
    color: #075985;
}

.fin-ord-pay-wallet {
    background: #CCFBF1;
    color: #115E59;
}

.fin-ord-pay-cash {
    background: #F3F4F6;
    color: #374151;
}

.fin-ord-pay-other {
    background: #F3F4F6;
    color: #4B5563;
}

.finance-order-mgmt-page .fin-ord-pay-awaiting {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    border-radius: 6px;
    background: #FEF3C7;
    color: #B45309;
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
}

.finance-order-mgmt-page .fin-v10-badge {
    white-space: nowrap;
}

/* Checkout groups list */
.finance-checkout-groups-page .fin-cg-order-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.75rem;
    padding: 0.15rem 0.5rem;
    border-radius: 6px;
    background: #EDEAF2;
    color: #5C4D7A;
    font-size: 0.8rem;
    font-weight: 700;
}


/* ═══════════════════════════════════════════════════════
   Detail Button (row action)
   ═══════════════════════════════════════════════════════ */

.fin-ord-detail-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.85rem;
    background: #6A5D8B;
    color: #fff;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.15s ease;
    white-space: nowrap;
}

.fin-ord-detail-btn:hover {
    background: #5A4F7A;
    transform: translateY(-1px);
    color: #fff;
}

.fin-ord-detail-btn--cancel:hover,
button.fin-ord-detail-btn--cancel:hover {
    transform: none;
}

.fin-ord-detail-btn i {
    font-size: 0.7rem;
}


/* ═══════════════════════════════════════════════════════
   Pager
   ═══════════════════════════════════════════════════════ */

.finance-order-mgmt__pager {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1rem;
}

.finance-order-mgmt__pager .finance-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}


/* ═══════════════════════════════════════════════════════
   Platform Settings (/Admin/FinancePlatformSettings)
   ═══════════════════════════════════════════════════════ */

.finance-platform-settings__links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.finance-platform-settings-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.55rem;
    padding: 0.65rem 0.85rem;
    margin-bottom: 0.75rem;
    background: linear-gradient(180deg, #faf9fc 0%, #f4f1fa 100%);
    border: 1px solid #E1DFE8;
    border-radius: 12px;
}

.finance-platform-settings-nav__sep {
    width: 1px;
    height: 1.25rem;
    background: #dcd7ea;
    margin: 0 0.2rem;
    flex-shrink: 0;
}

/* Tab strip (platform settings hub) */
.fin-platform-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.5rem;
    padding: 0.5rem 0.65rem;
    margin: 0 0 1rem;
    background: linear-gradient(180deg, #faf9fc 0%, #f4f1fa 100%);
    border: 1px solid #E1DFE8;
    border-radius: 12px;
}

.fin-platform-tabs__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.85rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #5b4d78;
    text-decoration: none;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.fin-platform-tabs__tab:hover {
    color: #372A58;
    background: rgba(255, 255, 255, 0.75);
    border-color: #dcd7ea;
}

.fin-platform-tabs__tab.is-active,
.fin-platform-tabs__tab[aria-selected="true"] {
    color: #fff;
    background: linear-gradient(135deg, #5b3d9e 0%, #372A58 100%);
    border-color: #4a3470;
    box-shadow: 0 2px 8px rgba(55, 42, 88, 0.22);
}

.fin-platform-tab-panel {
    margin-top: 0.25rem;
}

.fin-platform-tab-panel__title {
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 1.05rem;
    color: #372A58;
    margin: 0 0 0.35rem;
}

.fin-platform-tab-panel__subtitle {
    margin: 0 0 0.5rem;
    max-width: 48rem;
    line-height: 1.5;
}

/* Finance platform settings: styled native selects (manual fee value type, hold period category, …) */
.finance-platform-settings-page .fin-platform-settings-select.form-select,
.fin-mf-page .fin-platform-settings-select.form-select {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 2.5rem;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    padding-block: 0.45rem;
    padding-inline: 0.75rem 2.25rem;
    border-radius: 8px;
    border: 1px solid #d4cfe0;
    background-color: #faf9fc;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%236b5d86' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: inset-inline-end 0.65rem center;
    background-size: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #372a58;
    line-height: 1.35;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.finance-platform-settings-page .fin-platform-settings-select.form-select:hover,
.fin-mf-page .fin-platform-settings-select.form-select:hover {
    border-color: #b8a8d4;
    background-color: #fff;
}

.finance-platform-settings-page .fin-platform-settings-select.form-select:focus,
.fin-mf-page .fin-platform-settings-select.form-select:focus {
    border-color: #7c3aed;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.2);
    outline: none;
    background-color: #fff;
}

.finance-platform-settings-page .fin-platform-settings-select.form-select:disabled,
.fin-mf-page .fin-platform-settings-select.form-select:disabled {
    opacity: 0.65;
    cursor: not-allowed;
    background-color: #f3f0f9;
}

.finance-platform-settings-page .fin-mf-setting-card__field--type .fin-platform-settings-select.form-select {
    min-width: 10rem;
}

.fin-hold-periods-add .fin-platform-settings-select.form-select {
    min-width: 14rem;
    max-width: 100%;
}

/* Manual fee settings — card layout (platform settings tab) */
.fin-mf-tab-panel {
    margin: 0;
    min-width: 0;
}

.fin-mf-tab-panel > legend.finance-platform-settings-card__title {
    width: auto;
    max-width: calc(100% - 1rem);
    padding: 0 0.35rem;
    margin-inline-start: 0.35rem;
    float: none;
}

.fin-mf-tab-panel__body {
    padding: 0;
}

.fin-mf-page {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.fin-mf-page__hint {
    margin: 0;
}

.fin-mf-intro__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.fin-mf-pill {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    color: #5b4d78;
    background: #fff;
    border: 1px solid #e1dfe8;
    white-space: nowrap;
}

.fin-mf-pill--accent {
    color: #5b21b6;
    border-color: #c4b5fd;
    background: #f5f3ff;
}

.fin-mf-cards {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.fin-mf-setting-card__form {
    display: none;
}

.fin-mf-setting-card--inactive {
    opacity: 0.78;
}

.fin-mf-setting-card__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--fin-dash-border, #E8E6EF);
}

.fin-mf-setting-card__identity {
    flex: 1 1 14rem;
    min-width: 0;
}

.fin-mf-setting-card__code {
    display: inline-block;
    margin: 0 0 0.5rem;
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    font-family: ui-monospace, "Cascadia Mono", monospace;
    font-size: 0.75rem;
    font-weight: 600;
    color: #5b21b6;
    background: #f5f3ff;
    border: 1px solid #e9d5ff;
    word-break: break-all;
}

.fin-mf-setting-card__name {
    max-width: 28rem;
}

.fin-mf-setting-card__title {
    margin: 0.25rem 0 0;
    font-size: 1rem;
    font-weight: 700;
    color: #372a58;
}

.fin-mf-setting-card__summary {
    margin: 0.35rem 0 0;
}

.fin-mf-setting-card__summary strong {
    font-weight: 700;
    color: #372a58;
}

.fin-mf-setting-card__summary-sep {
    margin: 0 0.35rem;
    color: var(--fin-muted, #6B6578);
}

.fin-mf-setting-card__head-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.65rem;
    flex-shrink: 0;
}

.fin-mf-setting-card__switch {
    margin: 0;
}

.fin-mf-setting-card__details-btn {
    white-space: nowrap;
}

.fin-mf-setting-card__fields {
    margin-top: 0;
}

.fin-mf-setting-card__fields.fin-mf-setting-card__fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.fin-mf-setting-card__field--sort {
    max-width: none;
}

.fin-mf-setting-card__field--notes {
    grid-column: auto;
}

.fin-mf-setting-card__optional {
    font-weight: 400;
    color: var(--fin-muted, #6B6578);
}

.fin-mf-setting-card__readonly {
    margin: 0;
    padding: 0.375rem 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #372a58;
}

.fin-mf-setting-card__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem 1rem;
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--fin-dash-border, #E8E6EF);
}

.fin-mf-setting-card__updated {
    font-size: 0.75rem;
    color: var(--fin-muted, #6B6578);
    font-family: ui-monospace, "Cascadia Mono", monospace;
}

.fin-mf-setting-card__actions {
    margin: 0;
    padding: 0;
    border: none;
}

.fin-mf-setting-card__actions.finance-form-actions {
    flex: 0 0 auto;
}

@media (max-width: 900px) {
    .fin-mf-setting-card__fields.fin-mf-setting-card__fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fin-mf-setting-card__field--sort {
        max-width: none;
    }
}

@media (max-width: 640px) {
    .fin-mf-setting-card__fields.fin-mf-setting-card__fields {
        grid-template-columns: 1fr;
    }

    .fin-mf-setting-card__head {
        flex-direction: column;
    }

    .fin-mf-setting-card__head-actions {
        width: 100%;
        justify-content: space-between;
    }

    .fin-mf-setting-card__foot {
        flex-direction: column;
        align-items: stretch;
    }

    .fin-mf-setting-card__actions .finance-btn {
        width: 100%;
    }
}

.fin-mf-empty {
    text-align: center;
    padding: 2.5rem 1.5rem;
    border-radius: 14px;
    border: 1px dashed #d4cce8;
    background: #faf9fc;
}

.fin-mf-empty__title {
    margin: 0 0 0.35rem;
    font-weight: 700;
    color: #372a58;
}

.fin-mf-empty__hint {
    margin: 0;
    font-size: 0.875rem;
}

/* Manual fee — bordered field (legend on border, matches finance dashboard fieldsets) */
.fin-mf-bordered-field {
    display: block;
    margin: 0;
    min-width: 0;
    border: 1px solid rgba(106, 93, 139, 0.2);
    border-radius: 11px;
    padding: 0.72rem 0.75rem 0.62rem;
    background: rgba(248, 247, 252, 0.45);
}

.fin-mf-bordered-field > legend.fin-mf-bordered-field__legend {
    float: none;
    width: auto;
    max-width: calc(100% - 1rem);
    padding: 0 0.35rem;
    margin-inline-start: 0.35rem;
    margin-bottom: 0.35rem;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    color: rgba(55, 42, 88, 0.78);
    line-height: 1.35;
}

.fin-mf-bordered-field__legend-opt {
    font-weight: 500;
    color: var(--fin-muted, #6B6578);
}

.fin-mf-bordered-field__control {
    min-width: 0;
}

.fin-mf-bordered-field__control--sar {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    unicode-bidi: isolate;
}

.fin-mf-bordered-field__control--sar .fin-mf-bordered-field__input,
.fin-mf-bordered-field__control--sar .partner-finance-sar-row__amount {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    padding-inline-end: 0.68rem;
    direction: ltr;
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-align: start;
}

.fin-platform-settings-page .fin-mf-bordered-field__control--sar.partner-finance-sar-row--rtl .fin-mf-bordered-field__input,
.fin-platform-settings-page .fin-mf-bordered-field__control--sar.partner-finance-sar-row--rtl .partner-finance-sar-row__amount,
[dir="rtl"] .fin-platform-settings-page .fin-mf-bordered-field__control--sar .fin-mf-bordered-field__input,
[dir="rtl"] .fin-platform-settings-page .fin-mf-bordered-field__control--sar .partner-finance-sar-row__amount {
    text-align: left;
}

.fin-mf-bordered-field__control--sar.fin-mf-bordered-field__control--pct .fin-mf-sar-input-row__symbol,
.fin-mf-bordered-field__control--sar.fin-mf-bordered-field__control--pct .partner-buy-sar-wrap {
    display: none;
}

.fin-mf-bordered-field__control--sar.fin-mf-bordered-field__control--pct .fin-mf-bordered-field__input,
.fin-mf-bordered-field__control--sar.fin-mf-bordered-field__control--pct .partner-finance-sar-row__amount {
    flex: 1 1 100%;
}

.fin-mf-sar-input-row__symbol {
    flex-shrink: 0;
    color: rgba(55, 42, 88, 0.58);
}

.fin-mf-bordered-field__control--sar-sm {
    gap: 0.28rem;
}

.fin-mf-bordered-field__control--sar-sm .fin-mf-sar-input-row__symbol .partner-buy-sar-svg {
    width: 0.875rem;
    height: 0.875rem;
}

.finance-platform-settings-page .finance-metric-card__hint .fin-currency-sar-wrap,
.finance-platform-settings-page .finance-metric-card__value .fin-currency-sar-wrap {
    display: inline-flex;
    vertical-align: middle;
    margin-inline-start: 0.2rem;
}

.finance-platform-settings-page .finance-metric-card__hint .fin-currency-sar-wrap .partner-buy-sar-svg,
.finance-platform-settings-page .finance-metric-card__value .fin-currency-sar-wrap .partner-buy-sar-svg {
    width: 0.85rem;
    height: 0.85rem;
}

.fin-catalog-fee-example-wrap {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
    unicode-bidi: isolate;
}

.fin-platform-settings-page .fin-catalog-fee-example-wrap.partner-finance-sar-row--rtl {
    direction: rtl;
}

.fin-platform-settings-page .fin-catalog-fee-example-wrap .partner-finance-sar-row__amount {
    direction: ltr;
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
}

.fin-catalog-fee-table .fin-mf-bordered-field__control--sar {
    width: 100%;
    min-width: 5.25rem;
}

.fin-catalog-fee-table .fin-mf-bordered-field__control--sar .fin-mf-bordered-field__input {
    min-height: 2rem;
}

.fin-mf-bordered-field__input,
.fin-mf-bordered-field__input.form-control,
.fin-mf-bordered-field__input.form-select {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0.52rem 0.68rem;
    border-radius: 9px;
    border: 1px solid rgba(106, 93, 139, 0.18);
    background: #fff;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #372a58;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.fin-mf-bordered-field__input:hover {
    border-color: rgba(106, 93, 139, 0.32);
}

.fin-mf-bordered-field__input:focus {
    outline: none;
    border-color: var(--finance-primary, #6A5D8B);
    box-shadow: 0 0 0 3px rgba(106, 93, 139, 0.14);
    background: #fff;
}

.fin-mf-bordered-field__input.form-select {
    padding-inline-end: 2rem;
    cursor: pointer;
}

.fin-mf-bordered-field__input--textarea {
    min-height: 4.25rem;
    resize: vertical;
    font-weight: 500;
    line-height: 1.5;
}

.fin-mf-bordered-field__hint {
    margin: 0.38rem 0 0;
    font-size: 0.72rem;
    line-height: 1.45;
    color: var(--fin-muted, #6B6578);
}

.fin-mf-bordered-field__readonly {
    margin: 0;
    padding: 0.2rem 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #372a58;
}

.fin-mf-setting-card__panel {
    padding: 1rem 1.05rem 1.05rem;
}

.fin-mf-setting-card__panel > .finance-platform-settings-card__body {
    margin-top: 0.55rem;
    padding: 0;
}

.fin-mf-setting-card__fields.fin-mf-setting-card__fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.fin-mf-bordered-field--name,
.fin-mf-bordered-field--notes {
    grid-column: 1 / -1;
}

.fin-mf-setting-card__notes-row {
    margin-top: 0.75rem;
}

.fin-platform-settings-page .fin-mf-setting-card__panel legend.finance-platform-settings-card__title {
    width: auto;
    max-width: calc(100% - 1rem);
    padding: 0 0.35rem;
    margin-inline-start: 0.35rem;
    float: none;
}

@media (max-width: 900px) {
    .fin-mf-setting-card__fields.fin-mf-setting-card__fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .fin-mf-setting-card__fields.fin-mf-setting-card__fields {
        grid-template-columns: 1fr;
    }
}

/* Platform settings — add-record toolbar + create dialogs */
.fin-settings-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    margin: 0 0 1rem;
}

.fin-settings-toolbar--holds {
    margin-top: 0.25rem;
}

.fin-settings-toolbar--catalog {
    margin-bottom: 0.75rem;
}

.fin-settings-toolbar__hint {
    margin: -0.35rem 0 1rem;
    width: 100%;
}

.fin-mf-empty--actionable {
    padding: 2rem 1.25rem;
    border: 1px dashed #d4c4f0;
    border-radius: 12px;
    background: linear-gradient(180deg, #faf8ff 0%, #fff 100%);
    text-align: center;
}

.fin-mf-detail-modal__footer {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem 0.75rem;
    padding: 1rem 1.25rem 1.25rem;
    border-top: 1px solid #ede9f5;
    background: #faf9fc;
}

.fin-mf-detail-modal__field--full {
    grid-column: 1 / -1;
}

.fin-settings-add-dialog .fin-mf-detail-modal__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem 1rem;
    padding: 0 1.25rem 0.5rem;
}

@media (max-width: 560px) {
    .fin-settings-add-dialog .fin-mf-detail-modal__grid {
        grid-template-columns: 1fr;
    }
}

/* Manual fee detail — shared fin-audit-modal card, wider than default audit (520px) */
.fin-mf-detail-modal {
    border: none;
    padding: 0;
    width: min(560px, calc(100vw - 2rem));
    max-width: none;
    max-height: 90vh;
    margin: auto;
    background: transparent;
    overflow: visible;
}

.fin-mf-detail-modal::backdrop {
    background: rgba(55, 42, 88, 0.45);
}

.fin-mf-detail-modal__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 90vh;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(55, 42, 88, 0.2);
}

.fin-mf-detail-modal__header {
    flex-shrink: 0;
    align-items: flex-start;
    gap: 0.75rem 1rem;
}

.fin-mf-detail-modal__head-main {
    flex: 1;
    min-width: 0;
    text-align: start;
}

.fin-mf-detail-modal__eyebrow {
    margin: 0 0 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--fin-muted, #6B6578);
}

.fin-mf-detail-modal__header .fin-audit-modal__title {
    margin: 0 0 0.35rem;
    font-size: 1.1rem;
    line-height: 1.35;
    word-break: break-word;
}

.fin-mf-detail-modal__code {
    display: inline-block;
    max-width: 100%;
    padding: 0.15rem 0.45rem;
    border-radius: 6px;
    font-family: ui-monospace, "Cascadia Mono", monospace;
    font-size: 0.75rem;
    font-weight: 600;
    color: #5b21b6;
    background: #f5f3ff;
    border: 1px solid #e9d5ff;
    word-break: break-all;
    overflow-wrap: anywhere;
}

.fin-mf-detail-modal__body {
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.fin-mf-detail-modal__grid {
    display: grid;
    gap: 1rem 1.25rem;
    grid-template-columns: 1fr;
}

@media (min-width: 520px) {
    .fin-mf-detail-modal {
        width: min(640px, calc(100vw - 2rem));
    }

    .fin-mf-detail-modal__grid {
        grid-template-columns: 1fr 1fr;
    }
}

.fin-mf-detail-modal__col {
    min-width: 0;
    padding: 0.75rem 0.85rem;
    border-radius: 10px;
    border: 1px solid var(--fin-dash-border, #E8E6EF);
    background: #fff;
}

.fin-mf-detail-modal__col--muted {
    background: #faf9fc;
}

.fin-mf-detail-modal__section-title {
    margin: 0 0 0.65rem;
    padding-bottom: 0.45rem;
    border-bottom: 1px solid var(--fin-dash-border, #E8E6EF);
    font-size: 0.85rem;
    font-weight: 700;
    color: #372a58;
    text-align: start;
}

.fin-mf-detail-modal__emphasis {
    font-size: 1rem;
    font-weight: 700;
    color: #372a58;
    font-variant-numeric: tabular-nums;
}

.fin-mf-detail-modal__sub {
    font-size: 0.75rem;
    color: var(--fin-muted, #6B6578);
}

.fin-mf-detail-modal__notes {
    font-size: 0.875rem;
    line-height: 1.45;
    color: #372a58;
    word-break: break-word;
}

.fin-mf-detail-badge {
    display: inline-block;
    padding: 0.12rem 0.5rem;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #5b21b6;
    background: #ede9fe;
    border: 1px solid #ddd6fe;
}

.fin-mf-detail-status {
    display: inline-block;
    padding: 0.12rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
}

.fin-mf-detail-status--on {
    color: #065f46;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
}

.fin-mf-detail-status--off {
    color: #6b7280;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
}


.fin-platform-settings-section {
    scroll-margin-top: 76px;
}

.fin-payment-catalog-section__title {
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 1.12rem;
    color: #372A58;
    margin: 0 0 0.35rem;
}

.fin-payment-catalog-section__intro {
    font-size: 0.9rem;
    color: #6b7280;
    margin: 0;
    max-width: 56rem;
    line-height: 1.55;
}

.fin-payment-catalog-gw-card {
    border-radius: 14px;
}

.finance-platform-settings__meta {
    margin-bottom: 0.9rem;
}

.finance-platform-settings__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

@media (max-width: 992px) {
    .finance-platform-settings__grid {
        grid-template-columns: 1fr;
    }
}

.finance-platform-settings-card {
    border: 1px solid #E1DFE8;
    border-radius: 14px;
    padding: 1.1rem 1.15rem 1.15rem;
}

.finance-platform-settings-card__title {
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 0.95rem;
    color: #372A58;
    padding: 0 0.25rem;
}

.finance-dashboard-page fieldset.fin-dash-kpi-card > legend.finance-platform-settings-card__title,
.finance-dashboard-page fieldset.fin-dash-rec-card > legend.finance-platform-settings-card__title {
    font-size: 1.22rem;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.finance-dashboard-page .fin-dash-legend-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.finance-dashboard-page .fin-dash-legend-row > span:first-child {
    min-width: 0;
}

.finance-dashboard-page .fin-dash-legend-row .finance-btn {
    flex-shrink: 0;
}

/* Finance dashboard — charts row: prevent fieldset/grid overlap and align card heights */
.finance-dashboard-page .finance-dash-charts-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.finance-dashboard-page .finance-dash-charts-grid > fieldset.finance-platform-settings-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.finance-dashboard-page .finance-dash-charts-grid .finance-platform-settings-card__body {
    flex: 1 1 auto;
    min-height: 0;
}

.finance-dashboard-page .finance-dash-charts-grid .fin-v10-chart-wrap {
    min-height: 260px;
}

@media (max-width: 992px) {
    .finance-dashboard-page .finance-dash-charts-grid {
        grid-template-columns: 1fr;
    }
}

/* Operations: two table cards per row on wide screens */
.finance-dashboard-page .finance-dash-operations-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 0.85rem;
    align-items: start;
}

.finance-dashboard-page .finance-dash-operations-grid > fieldset.finance-platform-settings-card {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.finance-dashboard-page .finance-dash-operations-grid > fieldset.finance-platform-settings-card > .finance-platform-settings-card__body {
    flex: 1 1 auto;
    min-width: 0;
}

@media (max-width: 1100px) {
    .finance-dashboard-page .finance-dash-operations-grid {
        grid-template-columns: 1fr;
    }
}

/* Client-side table pager (fin-paged-table.js): same 3-column grid as _FinancePager */
.fin-dash-pager-pages {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.fin-pager__bar button.fin-pager__page {
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.finance-dashboard-page .fin-dash-paged-table {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.finance-dashboard-page .fin-dash-paged-table .fin-ord-table thead th.fin-ord-sortable {
    padding: 0;
    vertical-align: middle;
    text-align: center;
}

.finance-dashboard-page .fin-dash-paged-table .fin-ord-table thead th.fin-ord-sortable:hover {
    background: #F8F7FB;
}

.finance-dashboard-page .fin-dash-paged-table .fin-cg-orders-table thead th.fin-ord-sortable:hover {
    background: #f8f6fc;
}

.finance-dashboard-page .fin-dash-paged-table .fin-ord-sortable-inner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    padding: 0.65rem 0.75rem;
    width: auto;
    max-width: calc(100% - 0.5rem);
    min-height: 100%;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.finance-dashboard-page .fin-dash-paged-table .fin-ord-sortable-label {
    line-height: 1.25;
    flex: 0 1 auto;
}

.finance-dashboard-page .fin-dash-paged-table .fin-ord-sortable-inner .fin-ord-sort-icon {
    margin: 0 !important;
    margin-inline-start: 0 !important;
    vertical-align: middle;
    flex: 0 0 auto;
    width: 11px;
    height: 11px;
    opacity: 0.7;
}

.finance-dashboard-page .fin-dash-paged-table th.fin-ord-sortable:hover .fin-ord-sortable-inner,
.finance-dashboard-page .fin-dash-paged-table th.fin-ord-sortable.fin-ord-sortable--active .fin-ord-sortable-inner {
    background: #EDEAF2;
    border-radius: 6px;
}

.finance-dashboard-page .fin-dash-paged-table th.fin-ord-sortable.fin-ord-sortable--active .fin-ord-sort-icon {
    opacity: 1;
    color: #6A5D8B;
}

.finance-dashboard-page .finance-dash-legend-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    flex-shrink: 0;
}

.finance-dashboard-page a.fin-v10-filter-pill {
    text-decoration: none;
}

.finance-dashboard-page .finance-admin-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

/* Chargebacks page shows 3 KPI cards (page-amount removed) */
[data-model-id="admin-finance-chargebacks"] .finance-admin-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

[data-model-id="admin-finance-refunds"] .finance-admin-metrics.fin-dash-kpi-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* KPI amounts: Arabic uses --symbol-first DOM order (﷼ then digits) */
.finance-dashboard-page .finance-admin-metrics .finance-metric-card__value .fin-currency-amount--symbol-first,
.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value .fin-currency-amount--symbol-first,
[dir="rtl"] .finance-dashboard-page .finance-admin-metrics .finance-metric-card__value .fin-currency-amount,
[dir="rtl"] .finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value .fin-currency-amount {
    direction: ltr !important;
    flex-direction: row !important;
    unicode-bidi: isolate;
}

.finance-dashboard-page .finance-admin-metrics .finance-metric-card__value .partner-finance-sar-row--symbol-first,
.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value .partner-finance-sar-row--symbol-first,
[dir="rtl"] .finance-dashboard-page .finance-admin-metrics .finance-metric-card__value .partner-finance-sar-row--symbol-first,
[dir="rtl"] .finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value .partner-finance-sar-row--symbol-first {
    direction: ltr !important;
    flex-direction: row !important;
    unicode-bidi: isolate;
}

[dir="ltr"] .finance-dashboard-page .finance-admin-metrics .finance-metric-card__value .fin-currency-amount,
[dir="ltr"] .finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value .fin-currency-amount {
    direction: ltr !important;
    flex-direction: row !important;
    unicode-bidi: isolate;
}

[dir="ltr"] .finance-dashboard-page .finance-admin-metrics .finance-metric-card__value .partner-finance-sar-row--ltr,
[dir="ltr"] .finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value .partner-finance-sar-row--ltr {
    direction: ltr !important;
    flex-direction: row !important;
    unicode-bidi: isolate;
}

.finance-dashboard-page .finance-admin-metrics .finance-metric-card__value .fin-currency-amount--symbol-first .fin-currency-sar-wrap,
.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value .fin-currency-amount--symbol-first .fin-currency-sar-wrap {
    margin-inline-start: 0;
    margin-inline-end: 0;
}

@media (max-width: 1200px) {
    .finance-dashboard-page .finance-admin-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .finance-dashboard-page .finance-admin-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .finance-dashboard-page .finance-admin-metrics {
        grid-template-columns: 1fr;
    }
}

.finance-dashboard-page .finance-admin-metrics--compact {
    grid-template-columns: minmax(0, 16rem);
}

.finance-dashboard-page .fin-rec-check__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.65rem 1rem;
    padding-bottom: 0.85rem;
    margin-bottom: 0.15rem;
    border-bottom: 1px solid rgba(106, 93, 139, 0.1);
}

.finance-dashboard-page .fin-rec-check__toolbar-main {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.6rem 1rem;
    flex: 1 1 auto;
    min-width: 0;
}

.finance-dashboard-page .fin-rec-check__run-hint {
    margin: 0;
    flex: 1 1 14rem;
    max-width: 40rem;
    font-size: 0.82rem;
    line-height: 1.55;
    padding-top: 0.3rem;
}

.finance-dashboard-page .fin-rec-check__lead {
    margin: 0 0 0.85rem;
    font-size: 0.88rem;
    line-height: 1.55;
    max-width: 52rem;
}

.finance-dashboard-page .fin-rec-check {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1.5rem;
}

.finance-dashboard-page .fin-rec-check__main {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: stretch;
    gap: 1.75rem;
}

.finance-dashboard-page .fin-rec-check__eq {
    align-self: center;
    font-weight: 800;
    color: rgba(55, 42, 88, 0.55);
    font-size: 1.25rem;
}

.finance-dashboard-page .fin-rec-check__box {
    border: 1px solid rgba(106, 93, 139, 0.18);
    border-radius: 14px;
    background: rgba(243, 242, 246, 0.35);
    padding: 1rem 1.1rem;
    min-height: 0;
}

.finance-dashboard-page .fin-rec-check__label {
    font-size: 0.95rem;
    font-weight: 800;
    color: #372A58;
}

.finance-dashboard-page .fin-rec-check__sublabel {
    margin-top: 0.15rem;
    font-size: 0.78rem;
    font-weight: 600;
}

.finance-dashboard-page .fin-rec-check__value {
    margin-top: 0.25rem;
    font-size: 1.35rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: #372A58;
}

.finance-dashboard-page .fin-rec-check__breakdown {
    list-style: none;
    margin: 0.85rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.finance-dashboard-page .fin-rec-check__line {
    padding: 0.55rem 0.6rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(106, 93, 139, 0.1);
}

.finance-dashboard-page .fin-rec-check__line-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
}

.finance-dashboard-page .fin-rec-check__term {
    font-size: 0.8rem;
    font-weight: 700;
    color: #372A58;
}

.finance-dashboard-page .fin-rec-check__amount {
    font-size: 0.95rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: #372A58;
    flex-shrink: 0;
}

.finance-dashboard-page .fin-rec-check__detail {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.72rem;
    line-height: 1.45;
    color: var(--finance-muted);
}

.finance-dashboard-page .fin-rec-check__aside {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 0.65rem;
    padding-inline-start: 0.25rem;
}

.finance-dashboard-page .fin-rec-check__diff-label {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--finance-muted);
}

.finance-dashboard-page .fin-rec-check__diff-value {
    margin-top: 0.15rem;
    font-size: 1.15rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.finance-dashboard-page .fin-rec-check__diff-value--ok {
    color: #0F766E;
}

.finance-dashboard-page .fin-rec-check__diff-value--warn {
    color: #B45309;
}

.finance-dashboard-page .fin-rec-check__diff-hint {
    margin-top: 0.2rem;
    font-size: 0.72rem;
    color: var(--finance-muted);
    max-width: 10rem;
    line-height: 1.4;
}

.finance-dashboard-page .fin-rec-check__status {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 12px;
}

.finance-dashboard-page .fin-rec-check__status--ok {
    color: #065F46;
    background: rgba(236, 253, 245, 0.9);
    border: 1px solid rgba(16, 185, 129, 0.28);
}

.finance-dashboard-page .fin-rec-check__status--warn {
    color: #92400E;
    background: rgba(255, 251, 235, 0.95);
    border: 1px solid rgba(245, 158, 11, 0.35);
}

.finance-dashboard-page .fin-rec-check__status-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.finance-dashboard-page .fin-rec-check__status-body {
    flex: 1 1 auto;
    min-width: 0;
}

.finance-dashboard-page .fin-rec-check__status-title {
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.35;
}

.finance-dashboard-page .fin-rec-check__status-hint {
    margin-top: 0.15rem;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.45;
    opacity: 0.92;
}

.finance-dashboard-page .fin-rec-check__status-action {
    flex-shrink: 0;
    text-decoration: none;
}

.finance-dashboard-page .fin-rec-check-panel {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.finance-dashboard-page .fin-dash-rec-card .fin-rec-check__formula {
    margin-top: 0;
    padding: 1.15rem 1.2rem;
    border-radius: 14px;
    border: 1px solid rgba(106, 93, 139, 0.16);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

.finance-dashboard-page .fin-dash-rec-card .fin-rec-check + .fin-rec-check__formula {
    margin-top: 1.25rem;
}

.finance-dashboard-page .fin-rec-check__formula {
    margin-top: 0;
    padding: 1.15rem 1.2rem;
    border-radius: 14px;
    border: 1px solid rgba(106, 93, 139, 0.16);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

.finance-dashboard-page .fin-rec-check__formula--ok {
    border-color: rgba(15, 118, 110, 0.28);
    background: linear-gradient(180deg, rgba(236, 253, 245, 0.9) 0%, rgba(255, 255, 255, 0.85) 100%);
}

.finance-dashboard-page .fin-rec-check__formula--warn {
    border-color: rgba(220, 38, 38, 0.22);
    background: linear-gradient(180deg, rgba(255, 251, 235, 0.95) 0%, rgba(255, 255, 255, 0.88) 100%);
    box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.12) inset;
}

.finance-dashboard-page .fin-rec-check__formula-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: stretch;
    gap: 1rem 1.75rem;
}

.finance-dashboard-page .fin-rec-check__formula-group {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.85rem;
    border-radius: 12px;
    border: 1px solid rgba(106, 93, 139, 0.14);
    background: rgba(243, 242, 246, 0.45);
    min-width: 0;
}

.finance-dashboard-page .fin-rec-check__formula--ok .fin-rec-check__formula-group--assets {
    border-color: rgba(29, 158, 117, 0.22);
    background: rgba(236, 253, 245, 0.35);
}

.finance-dashboard-page .fin-rec-check__formula--ok .fin-rec-check__formula-group--liabilities {
    border-color: rgba(83, 74, 183, 0.2);
    background: rgba(237, 233, 254, 0.35);
}

.finance-dashboard-page .fin-rec-check__formula--warn .fin-rec-check__formula-group--assets {
    border-color: rgba(29, 158, 117, 0.18);
}

.finance-dashboard-page .fin-rec-check__formula--warn .fin-rec-check__formula-group--liabilities {
    border-color: rgba(239, 159, 39, 0.22);
}

.finance-dashboard-page .fin-rec-check__formula-group-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.finance-dashboard-page .fin-rec-check__formula-group-hint {
    margin: 0;
    font-size: 0.74rem;
    line-height: 1.45;
}

.finance-dashboard-page .fin-rec-check__formula-group-title {
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgba(55, 42, 88, 0.72);
}

.finance-dashboard-page .fin-rec-check__formula-group-total {
    font-size: 1.05rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: #372A58;
}

.finance-dashboard-page .fin-rec-check__formula-cards--inline {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0.45rem;
}

.finance-dashboard-page .fin-rec-check__formula-cards--inline .fin-rec-check__formula-card {
    flex: 1 1 0;
    min-width: 0;
}

.finance-dashboard-page .fin-rec-check__formula-cards--inline .fin-rec-check__formula-card-op {
    flex: 0 0 auto;
    align-self: center;
}

.finance-dashboard-page .fin-rec-check__formula-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.6rem 0.7rem;
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(106, 93, 139, 0.12);
    box-shadow: 0 1px 2px rgba(55, 42, 88, 0.06);
}

.finance-dashboard-page .fin-rec-check__formula-card-hint {
    font-size: 0.68rem;
    line-height: 1.4;
    color: var(--finance-muted, #6B6578);
    margin-top: 0.1rem;
}

.finance-dashboard-page .fin-rec-check__formula-card-label {
    font-size: 0.72rem;
    font-weight: 700;
    color: rgba(55, 42, 88, 0.72);
    line-height: 1.3;
}

.finance-dashboard-page .fin-rec-check__formula-card-value {
    font-size: 0.95rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: #372A58;
    line-height: 1.2;
}

.finance-dashboard-page .fin-rec-check__formula-card--bank .fin-rec-check__formula-card-value { color: #155F44; }
.finance-dashboard-page .fin-rec-check__formula-card--loss .fin-rec-check__formula-card-value { color: #A32D2D; }
.finance-dashboard-page .fin-rec-check__formula-card--escrow .fin-rec-check__formula-card-value { color: #803800; }
.finance-dashboard-page .fin-rec-check__formula-card--wallets .fin-rec-check__formula-card-value { color: #3C3489; }
.finance-dashboard-page .fin-rec-check__formula-card--platform-recovery .fin-rec-check__formula-card-value { color: #372A58; }

.finance-dashboard-page .fin-rec-check__formula-card--platform-recovery {
    background: linear-gradient(145deg, rgba(237, 233, 254, 0.55) 0%, #fff 100%);
    border-color: rgba(83, 74, 183, 0.2);
}

.finance-dashboard-page .fin-rec-check__formula-cards--triple .fin-rec-check__formula-card {
    min-height: 100%;
}

.finance-dashboard-page .fin-rec-check__formula-cards--triple .fin-rec-check__formula-card-hint {
    font-size: 0.62rem;
    line-height: 1.35;
}

.finance-dashboard-page .fin-dash-rec-panel__toolbar {
    margin-bottom: 0.35rem;
}

.finance-dashboard-page .fin-dash-rec-panel .fin-rec-check__formula {
    margin-top: 0.65rem;
}

.finance-dashboard-page .fin-rec-check__formula-card-op {
    font-weight: 800;
    font-size: 1rem;
    color: rgba(55, 42, 88, 0.45);
    padding: 0 0.1rem;
}

.finance-dashboard-page .fin-rec-check__formula-footer {
    margin-top: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.finance-dashboard-page .fin-rec-check__formula-repair {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem 1rem;
    padding: 0.75rem 1rem;
    border-radius: 12px;
    border: 1px dashed rgba(106, 93, 139, 0.22);
    background: rgba(243, 242, 246, 0.5);
}

.finance-dashboard-page .fin-rec-check__formula-repair-hint {
    margin: 0;
    flex: 1 1 14rem;
    font-size: 0.8rem;
    line-height: 1.5;
    max-width: 36rem;
}

.finance-dashboard-page .fin-rec-check__formula-repair-form {
    margin: 0;
    flex: 0 0 auto;
}

.finance-dashboard-page .fin-rec-check__formula-eq-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
}

.finance-dashboard-page .fin-rec-check__formula-eq {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    font-weight: 800;
    font-size: 1.1rem;
    color: #372A58;
    background: #fff;
    border: 1px solid rgba(106, 93, 139, 0.18);
    box-shadow: 0 2px 6px rgba(55, 42, 88, 0.08);
}

.finance-dashboard-page .fin-rec-check__formula--warn .fin-rec-check__formula-eq {
    border-color: rgba(245, 158, 11, 0.35);
    color: #B45309;
    background: #fffbeb;
}

.finance-dashboard-page .fin-rec-check__formula-diff-card {
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 12px;
    border: 1px solid rgba(220, 38, 38, 0.22);
    background: linear-gradient(135deg, #fff5f5 0%, #fffbeb 100%);
    box-shadow: 0 1px 3px rgba(185, 28, 28, 0.08);
}

.finance-dashboard-page .fin-rec-check__formula-diff-card__icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 10px;
    background: rgba(254, 226, 226, 0.9);
    color: #B91C1C;
}

.finance-dashboard-page .fin-rec-check__formula-diff-card__body {
    flex: 1 1 auto;
    min-width: 0;
}

.finance-dashboard-page .fin-rec-check__formula-diff-card__label {
    font-size: 0.88rem;
    font-weight: 800;
    color: #991B1B;
}

.finance-dashboard-page .fin-rec-check__formula-diff-card__hint {
    margin-top: 0.1rem;
    font-size: 0.75rem;
    color: rgba(153, 27, 27, 0.78);
    line-height: 1.4;
}

.finance-dashboard-page .fin-rec-check__formula-diff-card__value {
    flex: 0 0 auto;
    font-size: 1.15rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: #B45309;
    padding: 0.35rem 0.65rem;
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(245, 158, 11, 0.35);
}

.finance-dashboard-page .fin-rec-check__formula-ok-banner {
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.55rem 0.85rem;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #065F46;
    background: rgba(236, 253, 245, 0.9);
    border: 1px solid rgba(16, 185, 129, 0.28);
}

@media (max-width: 900px) {
    /* التسوية formula: stack Assets → = → Liabilities cleanly (no overlap / flex blowout). */
    .finance-dashboard-page .fin-dash-rec-card .fin-rec-check__formula,
    .finance-dashboard-page .fin-rec-check__formula,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula {
        padding: 0.8rem 0.65rem;
        overflow: hidden;
    }

    .finance-dashboard-page .fin-rec-check__formula-grid,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-grid {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0.65rem;
    }

    .finance-dashboard-page .fin-rec-check__formula-group,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-group {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 0.7rem 0.65rem;
        box-sizing: border-box;
        overflow: hidden;
    }

    .finance-dashboard-page .fin-rec-check__formula-group-head,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-group-head {
        flex-direction: column;
        align-items: stretch;
        gap: 0.25rem;
    }

    .finance-dashboard-page .fin-rec-check__formula-group-total,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-group-total {
        font-size: 1rem;
        line-height: 1.25;
        max-width: 100%;
    }

    .finance-dashboard-page .fin-rec-check__formula-cards--inline,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-cards--inline {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 0.4rem;
        width: 100%;
        min-width: 0;
    }

    .finance-dashboard-page .fin-rec-check__formula-cards--inline .fin-rec-check__formula-card,
    .finance-dashboard-page .fin-rec-check__formula-cards--triple .fin-rec-check__formula-card,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-cards--inline .fin-rec-check__formula-card,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-cards--triple .fin-rec-check__formula-card {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        box-sizing: border-box;
    }

    .finance-dashboard-page .fin-rec-check__formula-cards--inline .fin-rec-check__formula-card-op,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-cards--inline .fin-rec-check__formula-card-op {
        flex: 0 0 auto;
        align-self: center;
        padding: 0.1rem 0;
        line-height: 1;
    }

    .finance-dashboard-page .fin-rec-check__formula-card-value,
    .finance-dashboard-page .fin-rec-check__formula-group-total,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-card-value,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-group-total {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .finance-dashboard-page .fin-rec-check__formula-card-value .partner-finance-sar-row,
    .finance-dashboard-page .fin-rec-check__formula-card-value .fin-currency-amount,
    .finance-dashboard-page .fin-rec-check__formula-group-total .partner-finance-sar-row,
    .finance-dashboard-page .fin-rec-check__formula-group-total .fin-currency-amount,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-card-value .partner-finance-sar-row,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-card-value .fin-currency-amount,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-group-total .partner-finance-sar-row,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-group-total .fin-currency-amount {
        flex-wrap: wrap;
        max-width: 100%;
        justify-content: flex-start;
    }

    .finance-dashboard-page .fin-rec-check__formula-card-hint,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-card-hint {
        font-size: 0.66rem;
        line-height: 1.4;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .finance-dashboard-page .fin-rec-check__formula-eq-wrap,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-eq-wrap {
        padding: 0.1rem 0;
        width: 100%;
        justify-content: center;
        position: relative;
        z-index: 1;
    }

    /* Keep "=" upright between stacked groups (rotated form looked like || and collided). */
    .finance-dashboard-page .fin-rec-check__formula-eq,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-eq {
        transform: none;
    }

    .finance-dashboard-page .fin-rec-check__formula-footer,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-footer {
        margin-top: 0.7rem;
    }

    .finance-dashboard-page .fin-rec-check__formula-diff-card,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-diff-card {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .finance-dashboard-page .fin-rec-check__formula-diff-card__value,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__formula-diff-card__value {
        width: 100%;
        text-align: start;
        box-sizing: border-box;
    }

    .finance-dashboard-page .fin-rec-check__formula-repair {
        flex-direction: column;
        align-items: stretch;
    }

    .finance-dashboard-page fieldset.fin-dash-rec-card.finance-admin-panel,
    [data-model-id="admin-finance-dashboard"] fieldset.fin-dash-rec-card.finance-admin-panel {
        padding: 0.7rem 0.55rem !important;
    }

    .finance-dashboard-page .fin-rec-check__lead,
    [data-model-id="admin-finance-dashboard"] .fin-rec-check__lead {
        font-size: 0.78rem;
        line-height: 1.5;
        overflow-wrap: anywhere;
    }
}

.finance-dashboard-page .finance-btn {
    border-width: 1px;
    box-shadow: none;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.finance-dashboard-page .finance-btn--sm {
    border-radius: 999px;
    padding: 0.42rem 0.85rem;
}

.finance-dashboard-page .finance-btn--ghost {
    border-color: rgba(106, 93, 139, 0.22);
    background: rgba(106, 93, 139, 0.04);
}

.finance-dashboard-page .finance-btn--ghost:hover:not(:disabled) {
    background: rgba(106, 93, 139, 0.08);
    border-color: rgba(106, 93, 139, 0.35);
}

.finance-dashboard-page .finance-btn--secondary {
    border-color: rgba(106, 93, 139, 0.22);
    background: rgba(255, 255, 255, 0.9);
}

.finance-dashboard-page .finance-btn--secondary:hover:not(:disabled) {
    background: rgba(106, 93, 139, 0.06);
    border-color: rgba(106, 93, 139, 0.35);
    transform: translateY(-1px);
}

.finance-dashboard-page .finance-btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(106, 93, 139, 0.18);
}

.finance-dashboard-page .fin-dash-filter-card {
    border: 1px solid rgba(106, 93, 139, 0.14);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 247, 252, 0.88) 100%);
    padding: 1rem 1.1rem;
    box-shadow: 0 8px 24px rgba(55, 42, 88, 0.06);
    margin-bottom: 1rem;
}

.finance-dashboard-page .fin-dash-filter-card--custom {
    border-color: rgba(106, 93, 139, 0.22);
    box-shadow: 0 10px 28px rgba(106, 93, 139, 0.1);
}

.finance-dashboard-page .fin-dash-filter-card__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 0.85rem;
    margin-bottom: 0.75rem;
}

.finance-dashboard-page .fin-dash-filter-card__title {
    font-size: 0.88rem;
    font-weight: 800;
    color: #372A58;
}

.finance-dashboard-page .fin-dash-filter-card__action {
    margin-inline-start: auto;
    white-space: nowrap;
}

.finance-dashboard-page .fin-wallets-ensure-form {
    display: inline-flex;
}

.finance-dashboard-page .fin-wallets-ensure-hint {
    font-size: 0.82rem;
    margin: -0.35rem 0 0.75rem;
    line-height: 1.45;
}

.finance-dashboard-page .fin-dash-filter-card__range-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: rgba(106, 93, 139, 0.08);
    border: 1px solid rgba(106, 93, 139, 0.14);
    color: #372A58;
    font-size: 0.8rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.finance-dashboard-page .fin-dash-filter-card__range-icon {
    flex-shrink: 0;
    opacity: 0.75;
}

.finance-dashboard-page .fin-dash-filter-card__range-text {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.finance-dashboard-page .fin-dash-filter-card__range-sep {
    font-size: 0.72rem;
    font-weight: 600;
    color: rgba(55, 42, 88, 0.55);
}

.finance-dashboard-page .fin-dash-filter-toolbar {
    padding: 0.35rem;
    border-radius: 12px;
    background: rgba(243, 242, 246, 0.85);
    border: 1px solid rgba(106, 93, 139, 0.1);
}

.finance-dashboard-page .fin-dash-pillrow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.finance-dashboard-page .fin-v10-filter-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 0.45rem 0.9rem;
    border: 1px solid transparent;
    background: transparent;
    color: rgba(55, 42, 88, 0.78);
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.finance-dashboard-page .fin-v10-filter-pill:hover {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(106, 93, 139, 0.18);
    color: #372A58;
}

.finance-dashboard-page .fin-v10-filter-pill--active {
    background: linear-gradient(135deg, var(--finance-primary), var(--finance-accent));
    border-color: rgba(106, 93, 139, 0.35);
    color: #fff;
    box-shadow: 0 4px 12px rgba(106, 93, 139, 0.28);
}

.finance-dashboard-page .fin-v10-filter-pill--active:hover {
    background: linear-gradient(135deg, var(--finance-primary), var(--finance-accent));
    border-color: rgba(106, 93, 139, 0.35);
    color: #fff;
}

.finance-dashboard-page .fin-dash-pill-count {
    margin-inline-start: 6px;
    font-size: 0.85em;
    opacity: 0.85;
}

.finance-dashboard-page .finance-metric-card--alert {
    border-color: #fecaca;
    background: linear-gradient(180deg, #fff5f5 0%, #fff 100%);
}

.finance-dashboard-page .finance-metric-card--alert .finance-metric-card__label,
.finance-dashboard-page .finance-metric-card--alert .finance-metric-card__value {
    color: #991b1b;
}

.finance-dashboard-page .fin-recon-table-toolbar {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    width: auto;
    max-width: 100%;
    flex: 0 0 auto;
}

[data-model-id="admin-finance-reconciliation-order"] .fin-recon-order-kpis:has(.fin-recon-order-kpis__release) {
    grid-template-rows: auto 1fr;
}

[data-model-id="admin-finance-reconciliation-order"] .fin-recon-order-kpis__release {
    grid-column: 4;
    grid-row: 1;
    align-self: end;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

[data-model-id="admin-finance-reconciliation-order"] .fin-recon-order-kpis:has(.fin-recon-order-kpis__release) > .finance-metric-card {
    grid-row: 2;
}

[data-model-id="admin-finance-reconciliation-order"] .fin-recon-order-kpis__release form {
    margin: 0;
    flex: 1 1 0;
    min-width: 0;
}

[data-model-id="admin-finance-reconciliation-order"] .fin-recon-order-kpis__release .finance-btn {
    width: 100%;
    flex: 1 1 0;
    min-width: 0;
}

.fin-recon-page .fin-dash-filter-card__head:has(.fin-recon-table-toolbar) {
    justify-content: space-between;
    align-items: center;
    gap: 0.65rem 1rem;
    margin-bottom: 0;
}

.fin-recon-page .fin-dash-filter-card:has(.fin-recon-table-toolbar) {
    padding-block: 0.7rem;
}

.fin-recon-page .fin-dash-filter-card__action.fin-recon-table-toolbar {
    margin-inline-start: auto;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    width: auto;
    flex: 0 0 auto;
}

.finance-dashboard-page .fin-recon-table-toolbar .fin-recon-export-bar,
.fin-recon-page .fin-ord-toolbar-export.fin-recon-export-bar {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    border: 0;
    order: 1;
}

.fin-recon-page .fin-recon-table-toolbar__count {
    flex: 0 0 auto;
    min-width: 0;
    order: 2;
}

.fin-recon-page .fin-recon-table-toolbar__count:empty {
    display: none;
}

.fin-recon-page .fin-recon-table-toolbar > .finance-btn {
    flex: 0 0 auto;
    order: 3;
}

.fin-recon-page .fin-ord-export-btn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.6rem;
    direction: ltr;
    min-width: 9.25rem;
    height: 42px;
    min-height: 42px;
    padding: 0 1rem 0 0.7rem;
    border: 1px solid transparent;
    border-radius: 11px;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
    appearance: none;
    -webkit-appearance: none;
    background: #fff;
    color: #344054;
    box-shadow: 0 1px 2px rgba(55, 42, 88, 0.05);
}

.fin-recon-page .fin-ord-export-btn:hover:not(:disabled) {
    box-shadow: 0 3px 10px rgba(55, 42, 88, 0.1);
    transform: translateY(-1px);
}

.fin-recon-page .fin-ord-export-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.fin-recon-page .fin-ord-export-btn__icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 8px;
    overflow: hidden;
}

.fin-recon-page .fin-ord-export-btn__icon {
    width: 1.15rem;
    height: 1.15rem;
    object-fit: contain;
    display: block;
}

.fin-recon-page .fin-ord-export-btn__label {
    flex: 1 1 auto;
    text-align: start;
    unicode-bidi: plaintext;
}

.fin-recon-page .fin-ord-export-btn--excel {
    border-color: #a7f3d0;
    background: linear-gradient(180deg, #f0fdf4 0%, #ecfdf5 100%);
    color: #047857;
}

.fin-recon-page .fin-ord-export-btn--excel .fin-ord-export-btn__icon-wrap {
    background: rgba(4, 120, 87, 0.1);
}

.fin-recon-page .fin-ord-export-btn--pdf {
    border-color: #fecaca;
    background: linear-gradient(180deg, #fff5f5 0%, #fef2f2 100%);
    color: #991b1b;
}

.fin-recon-page .fin-ord-export-btn--pdf .fin-ord-export-btn__icon-wrap {
    background: rgba(153, 27, 27, 0.1);
}

.finance-dashboard-page .fin-recon-table-toolbar__count {
    font-size: 0.85rem;
    min-width: 0;
    text-align: end;
}

.finance-dashboard-page .fin-recon-check-col {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.finance-dashboard-page .fin-recon-check {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    cursor: pointer;
    user-select: none;
}

.finance-dashboard-page .fin-recon-check--head {
    font-weight: 700;
}

.finance-dashboard-page .fin-recon-check__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.finance-dashboard-page .fin-recon-check__box {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 2px solid rgba(106, 93, 139, 0.38);
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.finance-dashboard-page .fin-recon-check__input:focus-visible + .fin-recon-check__box {
    outline: 2px solid rgba(106, 93, 139, 0.45);
    outline-offset: 2px;
}

.finance-dashboard-page .fin-recon-check__input:checked + .fin-recon-check__box,
.finance-dashboard-page .fin-recon-check__input:indeterminate + .fin-recon-check__box {
    border-color: #6A5D8B;
    background: #6A5D8B;
    box-shadow: 0 0 0 1px rgba(106, 93, 139, 0.15);
}

.finance-dashboard-page .fin-recon-check__input:checked + .fin-recon-check__box::after {
    content: "";
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-top: -2px;
}

.finance-dashboard-page .fin-recon-check__input:indeterminate + .fin-recon-check__box::after {
    content: "";
    width: 10px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
}

.finance-dashboard-page .fin-recon-check__label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #372A58;
}

.finance-dashboard-page .fin-recon-row {
    cursor: pointer;
}

.finance-dashboard-page .fin-recon-row:hover {
    background: rgba(106, 93, 139, 0.04);
}

.finance-dashboard-page .fin-recon-row--due {
    background: rgba(16, 185, 129, 0.04);
}

.finance-dashboard-page .fin-recon-row--overdue {
    background: rgba(239, 68, 68, 0.05);
}

.finance-dashboard-page .fin-recon-release-date .fin-dual-date {
    margin-bottom: 0.15rem;
}

.finance-dashboard-page .fin-ord-mgmt-profile-link {
    font-weight: 700;
    color: #6A5D8B;
    text-decoration: none;
}

.finance-dashboard-page .fin-ord-mgmt-profile-link:hover {
    text-decoration: underline;
}

.finance-dashboard-page .fin-recon-owner-col {
    min-width: 10rem;
}

.finance-dashboard-page .fin-recon-owner-type {
    margin-bottom: 0.2rem;
}

.finance-dashboard-page .fin-recon-owner-name {
    font-weight: 700;
}

.finance-dashboard-page .fin-recon-owner-email {
    font-size: 0.85rem;
    margin-top: 0.15rem;
}

.finance-dashboard-page .fin-recon-order-link {
    display: inline-block;
}

.finance-dashboard-page .fin-recon-due-badge {
    margin-top: 4px;
    display: inline-block;
}

.finance-dashboard-page .fin-wallet-empty__icon--ok {
    color: #10b981;
}

.finance-dashboard-page .fin-wallet-empty .finance-btn {
    margin-top: 0.75rem;
}

.finance-dashboard-page .fin-loss-amount {
    font-weight: 700;
    color: #991b1b;
}

.finance-dashboard-page .fin-losses-page-summary {
    margin: 0.5rem 0 0.65rem;
    font-size: 0.85rem;
}

[data-model-id="admin-finance-losses"] .fin-losses-page-summary {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.65rem;
    background: #f9fafb;
}

[data-model-id="admin-finance-losses"] .fin-losses-page-summary__line:first-child {
    font-weight: 600;
    color: #111827;
}

[data-model-id="admin-finance-losses"] .fin-losses-breakdown {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}

[data-model-id="admin-finance-losses"] .fin-losses-breakdown__head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin-bottom: 0.75rem;
}

[data-model-id="admin-finance-losses"] .fin-losses-breakdown__title {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: #111827;
}

[data-model-id="admin-finance-losses"] .fin-losses-breakdown__updated {
    font-size: 0.78rem;
}

[data-model-id="admin-finance-losses"] .fin-losses-breakdown__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
}

[data-model-id="admin-finance-losses"] .fin-losses-breakdown__card {
    padding: 0.85rem 0.95rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.65rem;
    background: #fff;
}

[data-model-id="admin-finance-losses"] .fin-losses-breakdown__card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.45rem;
}

[data-model-id="admin-finance-losses"] .fin-losses-breakdown__count {
    font-size: 0.78rem;
}

[data-model-id="admin-finance-losses"] .fin-losses-breakdown__amount {
    margin-bottom: 0.35rem;
}

[data-model-id="admin-finance-losses"] .fin-losses-breakdown__hint {
    margin: 0;
    font-size: 0.78rem;
    line-height: 1.45;
}

[data-model-id="admin-finance-losses"] .fin-losses-breakdown__share {
    margin-top: 0.45rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
}

[data-model-id="admin-finance-losses"] .fin-loss-ref-type {
    font-size: 0.82rem;
    font-weight: 600;
    color: #374151;
}

[data-model-id="admin-finance-losses"] .fin-loss-desc {
    max-width: 18rem;
    line-height: 1.45;
}

[data-model-id="admin-finance-losses"] .fin-loss-related-link {
    font-weight: 600;
}

.finance-dashboard-page .finance-admin-metrics .finance-metric-card--accent .finance-metric-card__hint {
    margin-top: 0.35rem;
}

.finance-dashboard-page .finance-admin-metrics .finance-metric-card--alert.finance-metric-card--accent {
    border-color: #fecaca;
}

.finance-dashboard-page .fin-rec-check-panel .fin-rec-check__toolbar {
    margin-bottom: 0.75rem;
}

.finance-dashboard-page .fin-v10-filter-pill--active .fin-dash-pill-count {
    color: rgba(255, 255, 255, 0.9);
    opacity: 1;
}

.finance-dashboard-page .fin-dash-range-panel {
    margin-top: 0.75rem;
    padding: 1rem 1.05rem;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(106, 93, 139, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.finance-dashboard-page .fin-dash-range-form {
    margin: 0;
}

.finance-dashboard-page .fin-dash-range-form__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.75rem 1rem;
}

.finance-dashboard-page .fin-dash-range-form__bridge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.65rem;
    margin-bottom: 0;
    border-radius: 10px;
    background: rgba(243, 242, 246, 0.9);
    border: 1px solid rgba(106, 93, 139, 0.1);
    color: rgba(106, 93, 139, 0.55);
    flex-shrink: 0;
}

.finance-dashboard-page .fin-dash-range-form__bridge svg {
    transform: scaleX(-1);
}

[dir="rtl"] .finance-dashboard-page .fin-dash-range-form__bridge svg {
    transform: none;
}

.finance-dashboard-page .fin-dash-date-field {
    min-width: 0;
}

.finance-dashboard-page .fin-dash-date-field__label {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: rgba(55, 42, 88, 0.75);
}

.finance-dashboard-page .fin-dash-date-field__control {
    position: relative;
    display: flex;
    align-items: center;
}

.finance-dashboard-page .fin-dash-date-field__input {
    display: block;
    width: 100%;
    min-width: 10.5rem;
    padding: 0.58rem 0.75rem;
    padding-inline-end: 2.35rem;
    border-radius: 11px;
    border: 1px solid rgba(106, 93, 139, 0.2);
    background: rgba(248, 247, 252, 0.65);
    color: #372A58;
    font-size: 0.9rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1.25;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.finance-dashboard-page .fin-dash-date-field__input:hover {
    border-color: rgba(106, 93, 139, 0.32);
    background: #fff;
}

.finance-dashboard-page .fin-dash-date-field__input:focus {
    outline: none;
    border-color: var(--finance-primary);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(106, 93, 139, 0.14);
}

.finance-dashboard-page .fin-dash-date-field__input::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.55;
    margin-inline-start: 0.15rem;
}

.finance-dashboard-page .fin-dash-date-field__input::-webkit-calendar-picker-indicator:hover {
    opacity: 0.9;
}

.finance-dashboard-page .fin-dash-range-form__actions {
    display: flex;
    align-items: flex-end;
    flex-shrink: 0;
}

.finance-dashboard-page .fin-dash-range-form__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-width: 6.25rem;
    min-height: 2.65rem;
    padding: 0.55rem 1.25rem;
    border-radius: 11px;
    white-space: nowrap;
    box-shadow: 0 4px 14px rgba(106, 93, 139, 0.22);
}

.finance-dashboard-page .fin-dash-range-form__submit-icon {
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .finance-dashboard-page .fin-dash-range-form__grid {
        grid-template-columns: 1fr;
        gap: 0.65rem;
    }

    .finance-dashboard-page .fin-dash-range-form__bridge {
        display: none;
    }

    .finance-dashboard-page .fin-dash-date-field__input {
        min-width: 0;
    }

    .finance-dashboard-page .fin-dash-range-form__actions {
        width: 100%;
    }

    .finance-dashboard-page .fin-dash-range-form__submit {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .finance-dashboard-page .fin-dash-filter-card__head {
        flex-direction: column;
        align-items: flex-start;
    }
}

.finance-dashboard-page fieldset.finance-platform-settings-card.finance-admin-panel {
    margin: 0;
    min-width: 0;
}

/* KPI tiles inside section — plain cards (not fieldset); no top accent bar */
.finance-dashboard-page .finance-metric-card__bar {
    display: none;
}

/* Dashboard KPI tiles — title on border (matches Finance Hub search field) */
.finance-dashboard-page .fin-dash-kpi-metrics {
    padding-top: 0.4rem;
    gap: 1.15rem 1rem;
}

.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card {
    overflow: visible;
    border: 1px solid rgba(106, 93, 139, 0.2);
    border-radius: 11px;
    background: #fff;
    box-shadow: none;
}

/* Dashboard KPI section only — lavender tiles (same as order management) */
.finance-dashboard-page .fin-dash-kpi-card .fin-dash-kpi-metrics .finance-metric-card {
    border-color: rgba(106, 93, 139, 0.28);
    background: linear-gradient(145deg, rgba(248, 247, 252, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card--accent {
    border-color: rgba(106, 93, 139, 0.32);
    background: rgba(248, 247, 252, 0.65);
}

.finance-dashboard-page .fin-dash-kpi-card .fin-dash-kpi-metrics .finance-metric-card--accent {
    border-color: rgba(106, 93, 139, 0.28);
    background: linear-gradient(145deg, rgba(248, 247, 252, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__body {
    position: relative;
    padding: 1.05rem 0.85rem 0.85rem;
}

.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__label {
    position: absolute;
    top: 0;
    inset-inline-start: 0.7rem;
    transform: translateY(-50%);
    padding: 0 0.35rem;
    background: #fff;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    color: rgba(55, 42, 88, 0.78);
    line-height: 1.25;
    max-width: calc(100% - 1.25rem);
    z-index: 1;
}

.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card--accent .finance-metric-card__label {
    background: #fff;
}

.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value,
.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value .fin-currency-amount__value,
.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value .partner-finance-sar-row__amount {
    margin-top: 0.15rem;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value .fin-currency-amount__value,
.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value .partner-finance-sar-row__amount {
    margin-top: 0;
}

.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__hint {
    margin-top: 0.45rem;
    font-size: 0.78rem;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
}

.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card--loss .finance-metric-card__value,
.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card--loss .finance-metric-card__value .fin-currency-amount,
.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card--loss .finance-metric-card__value .fin-currency-amount__value,
.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card--loss .finance-metric-card__value .partner-finance-sar-row,
.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card--loss .finance-metric-card__value .partner-finance-sar-row__amount {
    color: #A32D2D;
}

.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card--loss .finance-metric-card__value .fin-currency-sar-wrap svg {
    fill: #A32D2D;
}

.finance-dashboard-page__grid.finance-platform-settings__grid {
    margin-bottom: 1rem;
}

.finance-dashboard-page .finance-dash-charts-grid.finance-platform-settings__grid {
    margin-top: 0;
    margin-bottom: 1rem;
}

.finance-dashboard-page .finance-dash-operations-grid.finance-platform-settings__grid {
    margin-top: 0;
}

@media (max-width: 768px) {
    .finance-dashboard-page .finance-form-actions {
        flex-wrap: wrap;
        align-items: center;
    }

    .finance-dashboard-page .finance-form-actions .finance-btn {
        width: auto;
    }
}

@media (max-width: 992px) {
    .finance-dashboard-page .fin-rec-check {
        flex-direction: column;
        align-items: stretch;
    }

    .finance-dashboard-page .fin-rec-check__main {
        grid-template-columns: 1fr;
    }

    .finance-dashboard-page .fin-rec-check__eq {
        justify-self: center;
    }

    .finance-dashboard-page .fin-rec-check__aside {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .finance-dashboard-page .fin-rec-check__diff-hint {
        max-width: none;
    }
}

.finance-platform-settings-card__body {
    margin-top: 0.7rem;
}

.finance-platform-settings-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.finance-platform-settings-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (max-width: 768px) {
    .finance-platform-settings-fields {
        grid-template-columns: 1fr;
    }
}

.finance-platform-settings__footer {
    margin-top: 1rem;
}

/* ── Switch component ── */
.finance-switch {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
    user-select: none;
}

.finance-switch__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.finance-switch__track {
    width: 42px;
    height: 24px;
    border-radius: 999px;
    background: #E8E3F0;
    border: 1px solid #D5CFE4;
    position: relative;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.finance-switch__track::after {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 2px;
    inset-inline-start: 2px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    transition: all 0.2s ease;
}

.finance-switch__input:checked + .finance-switch__track {
    background: #6A5D8B;
    border-color: #6A5D8B;
}

.finance-switch__input:checked + .finance-switch__track::after {
    inset-inline-start: 21px;
}

.finance-switch__label {
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
    color: #372A58;
}


/* ═══════════════════════════════════════════════════════
   SVG icon sizing helpers
   ═══════════════════════════════════════════════════════ */

.fin-ord-icon-sm {
    width: 16px;
    height: 16px;
    vertical-align: -2px;
}

.fin-ord-icon-xs {
    width: 12px;
    height: 12px;
    vertical-align: -1px;
}

.fin-ord-sort-icon {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    flex-shrink: 0;
    opacity: 0.55;
    transition: opacity 0.15s ease, color 0.15s ease, transform 0.15s ease;
    color: #8B7FA8;
    margin-inline-start: 0.35rem;
}

.fin-ord-sortable:hover .fin-ord-sort-icon,
a.fin-ord-sortable-link:hover .fin-ord-sort-icon,
th.fin-ord-sortable.fin-ord-sortable--active .fin-ord-sort-icon {
    opacity: 1;
    color: #6A5D8B;
}

/* Callout SVG icon */
.finance-referrals-callout__icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    vertical-align: middle;
}

/* Empty state SVG icon */
.finance-referrals-empty__icon img {
    width: 40px;
    height: 40px;
    opacity: 0.45;
}


/* ═══════════════════════════════════════════════════════
   Audit Log – Action badges & Status transition badges
   ═══════════════════════════════════════════════════════ */

.fin-audit-badge {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 700;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.fin-audit-badge--ordercreated {
    background: #E8F5E9;
    color: #2E7D32;
}

.fin-audit-badge--paymentcaptured {
    background: #E3F2FD;
    color: #1565C0;
}

.fin-audit-badge--ordersettled {
    background: #F3E5F5;
    color: #7B1FA2;
}

.fin-audit-badge--orderrefunded {
    background: #FFF3E0;
    color: #E65100;
}

.fin-audit-badge--refundrequested {
    background: #FFF8E1;
    color: #F57F17;
}

.fin-audit-badge--refundapproved {
    background: #E8F5E9;
    color: #2E7D32;
}

.fin-audit-badge--refundrejected {
    background: #FFEBEE;
    color: #C62828;
}

.fin-audit-badge--payoutapproved,
.fin-audit-badge--payoutmarkpaid {
    background: #E0F7FA;
    color: #00838F;
}

.fin-audit-badge--wallettopup {
    background: #E8EAF6;
    color: #283593;
}

.fin-audit-badge--balancewallet {
    background: #FCE4EC;
    color: #AD1457;
}

/* Default / generic audit badge */
.fin-audit-badge {
    background: #F3F2F6;
    color: #372A58;
}

/* Status transition inline badges */
.fin-ord-status {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 5px;
    font-size: 0.75rem;
    font-weight: 700;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    white-space: nowrap;
}

.fin-ord-status--pending {
    background: #FFF8E1;
    color: #F57F17;
}

.fin-ord-status--captured {
    background: #E3F2FD;
    color: #1565C0;
}

.fin-ord-status--settled {
    background: #E8F5E9;
    color: #2E7D32;
}

.fin-ord-status--refunded {
    background: #FDE68A;
    color: #78350F;
}

.fin-ord-status--active {
    background: #E8F5E9;
    color: #2E7D32;
}

/* Ledger operations dashboard */
.finance-ledger-ops-page .fin-ledger-ops-section-title {
    margin: 1rem 0 0.75rem;
}

.finance-ledger-ops-dashboard__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

.finance-ledger-ops-dashboard__grid .finance-field-span-row {
    grid-column: 1 / -1;
}

.fin-ledger-ops-form--grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.65rem;
}

.fin-ledger-ops-form--grid .fin-ledger-ops-form__note {
    grid-column: 1 / -1;
}

.fin-ledger-ops-form--grid .finance-btn {
    grid-column: 1 / -1;
    justify-self: start;
}

.fin-ledger-ops-footer {
    margin-top: 1rem;
}

.fin-ledger-ops-kpi-caution {
    font-size: 1.35rem;
    font-weight: 800;
}

.fin-activity-kind-pills {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--fin-dash-border, #E8E6EF);
}

.fin-activity-kpi-source {
    font-size: 0.95rem;
    font-weight: 700;
}

.fin-portfolio-thumb {
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid var(--fin-dash-border, #E8E6EF);
    display: block;
}

/* Audit log page */
.fin-audit-log-page .fin-audit-kpi-filters {
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.35;
    word-break: break-word;
}

.finance-dashboard-page .fin-dash-audit-filter__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.15fr) auto;
}

/* Wallet statement filter — category, from, to, search, apply on one row (RTL-safe). */
.finance-dashboard-page .fin-dash-statement-filter__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.25fr) auto;
}

.finance-dashboard-page .fin-dash-date-field__control--search {
    position: relative;
}

.finance-dashboard-page .fin-dash-date-field__search-icon {
    position: absolute;
    inset-inline-start: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    opacity: 0.45;
    pointer-events: none;
}

.finance-dashboard-page .fin-dash-date-field__input--search {
    padding-inline-start: 2.35rem;
}

@media (max-width: 1100px) {
    .finance-dashboard-page .fin-dash-statement-filter__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .finance-dashboard-page .fin-dash-statement-filter__grid .fin-dash-range-form__actions {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .finance-dashboard-page .fin-dash-statement-filter__grid {
        grid-template-columns: 1fr;
    }
}

/* Escrow accounts filter: keep all five fields + apply button on a single row. */
.finance-dashboard-page .fin-dash-range-form__grid--escrow {
    grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
}

@media (max-width: 1100px) {
    .finance-dashboard-page .fin-dash-range-form__grid--escrow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .finance-dashboard-page .fin-dash-range-form__grid--escrow .fin-dash-range-form__actions {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .finance-dashboard-page .fin-dash-range-form__grid--escrow {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .finance-dashboard-page .fin-dash-audit-filter__grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .finance-dashboard-page .fin-dash-audit-filter__grid .fin-dash-range-form__actions {
        grid-column: 1 / -1;
    }
}

.fin-audit-action-pills {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--fin-dash-border, #E8E6EF);
}

.fin-audit-pillrow-label {
    align-self: center;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--fin-muted, #6B6578);
    margin-inline-end: 0.35rem;
    white-space: nowrap;
}

.fin-audit-entity-link {
    text-decoration: none;
}

.fin-audit-entity-link:hover .fin-audit-badge {
    filter: brightness(0.95);
}

.fin-audit-badge--create { background: #E8F5E9; color: #2E7D32; }
.fin-audit-badge--update { background: #E3F2FD; color: #1565C0; }
.fin-audit-badge--delete { background: #FFEBEE; color: #C62828; }
.fin-audit-badge--statuschange { background: #FFF3E0; color: #E65100; }
.fin-audit-badge--approve { background: #E8F5E9; color: #1B5E20; }
.fin-audit-badge--reject { background: #FFEBEE; color: #B71C1C; }
.fin-audit-badge--capture { background: #E0F7FA; color: #00695C; }
.fin-audit-badge--settle { background: #F3E5F5; color: #6A1B9A; }

.fin-audit-entity--order { background: #E3F2FD; color: #1565C0; }
.fin-audit-entity--wallet { background: #F3E5F5; color: #6A1B9A; }
.fin-audit-entity--payout { background: #FFF3E0; color: #E65100; }
.fin-audit-entity--refund { background: #FFEBEE; color: #C62828; }
.fin-audit-entity--referral { background: #E8F5E9; color: #2E7D32; }
.fin-audit-entity--invoice { background: #E0F2F1; color: #00695C; }
.fin-audit-entity--vat { background: #FCE4EC; color: #AD1457; }
.fin-audit-entity--default { background: #F3F2F6; color: #372A58; }

.fin-audit-actor--system { background: #ECEFF1; color: #455A64; }
.fin-audit-actor--admin { background: #E8EAF6; color: #283593; }
.fin-audit-actor--client { background: #E3F2FD; color: #1565C0; }
.fin-audit-actor--partner { background: #FFF8E1; color: #F57F17; }
.fin-audit-actor--cron { background: #F3E5F5; color: #7B1FA2; }
.fin-audit-actor--default { background: #F3F2F6; color: #372A58; }

.fin-audit-arrow {
    margin: 0 0.25rem;
    color: var(--fin-muted, #6B6578);
    font-weight: 700;
}

.fin-audit-detail-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--fin-dash-border, #E8E6EF);
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    color: var(--fin-primary, #372A58);
}

.fin-audit-detail-btn:hover {
    background: #F8F7FA;
}

.fin-audit-modal {
    position: fixed;
    inset: 0;
    z-index: 10002;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.fin-audit-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(55, 42, 88, 0.45);
}

.fin-audit-modal__card {
    position: relative;
    z-index: 1;
    width: min(520px, 100%);
    max-height: 90vh;
    overflow: auto;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(55, 42, 88, 0.2);
}

.fin-audit-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--fin-dash-border, #E8E6EF);
}

.fin-audit-modal__title {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
}

.fin-audit-modal__close {
    border: none;
    background: transparent;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    color: var(--fin-muted, #6B6578);
}

.fin-audit-modal__body {
    padding: 1rem 1.25rem 1.25rem;
}

.fin-audit-modal__section {
    margin-bottom: 0.75rem;
}

.fin-audit-modal__label {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--fin-muted, #6B6578);
    margin-bottom: 0.25rem;
}

.fin-audit-modal__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.fin-audit-modal__value--mono {
    font-family: ui-monospace, monospace;
    font-size: 0.8rem;
    word-break: break-all;
}

.fin-audit-modal__divider {
    border: none;
    border-top: 1px solid var(--fin-dash-border, #E8E6EF);
    margin: 0.75rem 0;
}

.fin-audit-modal__arrow {
    margin: 0 0.35rem;
    color: var(--fin-muted, #6B6578);
}

.fin-audit-modal__note-table {
    width: 100%;
    font-size: 0.85rem;
    border-collapse: collapse;
}

.fin-audit-modal__note-table td {
    padding: 0.2rem 0.5rem 0.2rem 0;
    vertical-align: top;
}

.fin-audit-modal__note-table td:first-child {
    font-weight: 600;
    color: var(--fin-muted, #6B6578);
    white-space: nowrap;
}

/* —— Referral contract create modal —— */
.finance-referrals-page .fin-ord-col--actions {
    width: 1%;
    white-space: nowrap;
}

.finance-referrals-page .fin-ord-actions--toolbar {
    min-width: 0;
    max-width: none;
}

.fin-referral-parties-readonly {
    display: grid;
    gap: 0.65rem;
    margin-bottom: 0.15rem;
}

.fin-referral-readonly-party {
    display: grid;
    gap: 0.2rem;
}

.fin-referral-readonly-party__label {
    font-size: 0.74rem;
    font-weight: 700;
    color: rgba(55, 42, 88, 0.62);
}

.fin-referral-readonly-party__value {
    font-size: 0.88rem;
    font-weight: 600;
    color: #372A58;
}

.fin-referral-create-modal {
    z-index: 10003;
    align-items: center;
    justify-content: center;
    padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
}

.fin-referral-create-modal .fin-audit-modal__card {
    overflow: hidden;
    max-height: min(92vh, 880px);
}

.fin-referral-create-modal__card {
    display: flex;
    flex-direction: column;
    width: min(760px, calc(100vw - 2rem));
    max-width: 760px;
    max-height: min(92vh, 880px);
    overflow: hidden;
    border-radius: 16px;
}

.fin-referral-create-modal__header {
    flex-shrink: 0;
    align-items: flex-start;
    gap: 0.75rem 1rem;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid var(--fin-dash-border, #E8E6EF);
    background: #fff;
}

.fin-referral-create-modal__header .fin-audit-modal__title {
    margin: 0 0 0.25rem;
    font-size: 1.05rem;
}

.fin-referral-create-modal__subtitle {
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.45;
    color: rgba(55, 42, 88, 0.68);
    max-width: 28rem;
}

.fin-referral-create-modal__audit {
    margin-top: 0.65rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
    gap: 0.45rem;
    max-width: 34rem;
}

.fin-referral-create-modal__audit-item {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
    padding: 0.45rem 0.65rem;
    border-radius: 0.55rem;
    border: 1px solid rgba(55, 42, 88, 0.1);
    background: linear-gradient(180deg, #F8F6FB 0%, #F3F0F8 100%);
}

.fin-referral-create-modal__audit-k {
    font-size: 0.68rem;
    font-weight: 650;
    letter-spacing: 0.01em;
    color: rgba(55, 42, 88, 0.55);
    line-height: 1.2;
}

.fin-referral-create-modal__audit-v {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 0.35rem;
    min-width: 0;
    font-size: 0.78rem;
    line-height: 1.35;
}

.fin-referral-create-modal__audit-who {
    color: #372A58;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.fin-referral-create-modal__audit-sep {
    color: rgba(55, 42, 88, 0.35);
    font-weight: 600;
}

.fin-referral-create-modal__audit-when {
    color: rgba(55, 42, 88, 0.62);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.fin-referral-create-modal__body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
}

.fin-referral-create-form {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    gap: 0;
}

.fin-referral-create-form__scroll {
    flex: 1;
    min-height: 0;
    overflow-x: auto;
    overflow-y: auto;
    padding: 1rem 1.25rem;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(106, 93, 139, 0.45) rgba(106, 93, 139, 0.08);
}

.fin-referral-create-form__scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.fin-referral-create-form__scroll::-webkit-scrollbar-track {
    background: rgba(106, 93, 139, 0.06);
    border-radius: 999px;
}

.fin-referral-create-form__scroll::-webkit-scrollbar-thumb {
    background: rgba(106, 93, 139, 0.35);
    border-radius: 999px;
}

.fin-referral-create-form__scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(106, 93, 139, 0.5);
}

.fin-referral-create-form__scroll > .fin-referral-form-section + .fin-referral-form-section {
    margin-top: 1rem;
}

.fin-referral-parties-help {
    margin: 0 0 0.15rem;
    padding: 0.65rem 0.75rem;
    border-radius: 8px;
    background: rgba(106, 93, 139, 0.06);
    border: 1px solid rgba(106, 93, 139, 0.1);
    font-size: 0.78rem;
    line-height: 1.55;
    color: rgba(55, 42, 88, 0.75);
}

.fin-referral-form-section {
    border: 1px solid rgba(106, 93, 139, 0.12);
    border-radius: 12px;
    background: rgba(248, 247, 252, 0.65);
    overflow: visible;
    position: relative;
}

.fin-referral-form-section__title {
    margin: 0;
    padding: 0.65rem 0.9rem;
    font-size: 0.82rem;
    font-weight: 800;
    color: rgba(55, 42, 88, 0.82);
    border-bottom: 1px solid rgba(106, 93, 139, 0.1);
}

.fin-referral-form-section__body {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 0.85rem 0.9rem 0.95rem;
}

.fin-referral-create-form__grid {
    display: grid;
    gap: 0.85rem;
}

.fin-referral-create-form__grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fin-referral-create-form__grid--dates {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: end;
}

.fin-referral-create-form__grid--1 {
    grid-template-columns: minmax(0, 1fr);
}

/* Offer/attribution split: redemption-window heading above the date pair. */
.fin-referral-redemption-window-head {
    margin-top: 0.35rem;
}

.fin-referral-form-section__subtitle {
    display: block;
    font-size: 0.82rem;
    font-weight: 700;
    color: #372A58;
    margin-bottom: 0.2rem;
}

/* Section tabs (Offers / Attributions) on the referrals page. */
.finance-referrals-sectiontabs {
    margin-bottom: 0.9rem;
}

.fin-referral-field__bridge {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.55rem;
    color: rgba(55, 42, 88, 0.4);
}

.fin-referral-field__label,
.fin-entity-lookup__label {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: #372A58;
}

.fin-referral-field__control,
.fin-entity-lookup__control {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 2.65rem;
    border-radius: 10px;
    border: 1px solid rgba(106, 93, 139, 0.2);
    background: #fff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.fin-referral-field__control:focus-within,
.fin-entity-lookup__control:focus-within {
    border-color: rgba(106, 93, 139, 0.45);
    box-shadow: 0 0 0 3px rgba(106, 93, 139, 0.12);
}

.fin-referral-field__input,
.fin-entity-lookup__search {
    width: 100%;
    min-height: 2.55rem;
    padding: 0.5rem 0.75rem;
    border: none;
    background: transparent;
    font-size: 0.88rem;
    color: #372A58;
    outline: none;
}

.fin-entity-lookup__search {
    padding-inline-start: 2.35rem;
}

.fin-entity-lookup__icon {
    position: absolute;
    inset-inline-start: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(55, 42, 88, 0.45);
    pointer-events: none;
}

.fin-referral-field__control--select {
    padding-inline-end: 0.35rem;
}

.fin-referral-field__select {
    appearance: none;
    cursor: pointer;
    padding-inline-end: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23372A58' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.65rem center;
}

[dir="rtl"] .fin-referral-field__select {
    background-position: left 0.65rem center;
}

.fin-referral-field__date {
    color-scheme: light;
}

.fin-referral-field__date::-webkit-calendar-picker-indicator {
    opacity: 0.55;
    cursor: pointer;
}

.fin-referral-field__control--percent {
    display: flex;
    align-items: stretch;
}

.fin-referral-field__input--percent {
    flex: 1 1 auto;
    min-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

[dir="rtl"] .fin-referral-field__input--percent {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fin-referral-field__suffix {
    display: inline-flex;
    align-items: center;
    padding: 0 0.75rem;
    font-weight: 700;
    color: #6A5D8B;
    background: rgba(106, 93, 139, 0.08);
    border: 1px solid rgba(106, 93, 139, 0.18);
    border-inline-start: none;
    border-radius: 0 10px 10px 0;
    white-space: nowrap;
}

[dir="rtl"] .fin-referral-field__suffix {
    border-inline-start: 1px solid rgba(106, 93, 139, 0.18);
    border-inline-end: none;
    border-radius: 10px 0 0 10px;
}

.finance-dashboard-page .fin-referral-field__control--percent:focus-within .fin-referral-field__suffix {
    border-color: rgba(106, 93, 139, 0.42);
}

.fin-referral-field__hint {
    display: block;
    margin-top: 0.3rem;
    font-size: 0.74rem;
    color: rgba(55, 42, 88, 0.58);
    line-height: 1.35;
}

.fin-referral-create-form__footer {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.85rem 1.25rem;
    margin-top: 0;
    border-top: 1px solid rgba(106, 93, 139, 0.12);
    background: rgba(248, 247, 252, 0.95);
    box-shadow: 0 -4px 16px rgba(55, 42, 88, 0.06);
}

.fin-referral-create-modal .finance-btn {
    border-width: 1px;
    font-weight: 700;
}

.fin-referral-create-modal .finance-btn--ghost {
    border-color: rgba(106, 93, 139, 0.22);
    background: #fff;
    color: #372A58;
}

.fin-referral-create-modal .finance-btn--primary,
.fin-referral-create-modal .fin-referral-create-form__submit {
    background: linear-gradient(135deg, #6a5d8b 0%, #8f7fad 100%) !important;
    border: 1px solid rgba(106, 93, 139, 0.35) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff;
    box-shadow: 0 6px 18px rgba(106, 93, 139, 0.28);
    min-width: 8.5rem;
}

.fin-referral-create-modal .finance-btn--primary:hover:not(:disabled) {
    color: #fff !important;
    transform: translateY(-1px);
}

/* Entity lookup */
.fin-entity-lookup {
    position: relative;
    min-width: 0;
    z-index: 1;
}

.fin-entity-lookup:not(.fin-entity-lookup--has-value) .fin-entity-lookup__selected {
    display: none !important;
}

.fin-entity-lookup--has-value .fin-entity-lookup__search-wrap {
    display: none !important;
}

.fin-entity-lookup--locked .fin-entity-lookup__clear {
    display: none !important;
}

.fin-entity-lookup--locked .fin-entity-lookup__search {
    cursor: default;
    pointer-events: none;
}

.fin-entity-lookup--open {
    z-index: 40;
}

.fin-entity-lookup__search-wrap {
    position: relative;
}

.fin-entity-lookup__search-wrap--open {
    z-index: 2;
}

/* ── Phone-search variant: +966 widget + search button (referral subject picker) ── */
.fin-entity-lookup--phone .fin-entity-lookup__phone-row {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
}

.fin-entity-lookup--phone .fin-entity-lookup__control {
    flex: 1 1 auto;
    padding: 0;
    overflow: hidden;
}

/* The control is the visual box; neutralise the inner phone-966 shell border. */
.fin-entity-lookup--phone .aq-phone-field {
    display: flex;
    align-items: stretch;
    width: 100%;
}

.fin-entity-lookup--phone .aq-phone-input-shell {
    border: none;
    box-shadow: none;
    background: transparent;
    width: 100%;
    min-height: 2.55rem;
}

.fin-entity-lookup--phone .aq-phone-local {
    flex: 1 1 auto;
    min-width: 0;
    border: none;
    background: transparent;
    padding: 0.5rem 0.75rem;
    font-size: 0.88rem;
    color: #372A58;
    outline: none;
}

.fin-entity-lookup__search-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0 0.95rem;
    border: none;
    border-radius: 10px;
    background: var(--fin-brand, #6A5D8B);
    color: #fff;
    font: inherit;
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background-color 0.15s ease, opacity 0.15s ease;
}

.fin-entity-lookup__search-btn:hover {
    background: var(--fin-brand-strong, #372A58);
}

.fin-entity-lookup__search-btn:disabled,
.fin-entity-lookup__search-btn.is-loading {
    opacity: 0.6;
    cursor: not-allowed;
}

.fin-entity-lookup__msg {
    display: block;
    margin-top: 0.4rem;
    font-size: 0.8rem;
    color: var(--fin-text, #372A58);
}

.fin-entity-lookup__msg--error {
    color: var(--fin-danger, #dc2626);
}

/* Account chooser — appears when one phone maps to several partner accounts (same owner). */
.fin-entity-lookup__chooser {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 6px;
    border: 1px solid #E1DFE8;
    border-radius: 10px;
    padding: 6px;
    background: #ffffff;
}

.fin-entity-lookup__chooser-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    width: 100%;
    text-align: start;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: #F7F6FB;
    cursor: pointer;
    font-family: inherit;
}

.fin-entity-lookup__chooser-item:hover {
    border-color: #6A5D8B;
    background: #F2EEFF;
}

.fin-entity-lookup__chooser-title {
    font-weight: 600;
    font-size: 0.9rem;
    color: #372A58;
}

.fin-entity-lookup__chooser-sub {
    font-size: 0.78rem;
    color: #6B7280;
}

@media (max-width: 480px) {
    .fin-entity-lookup--phone .fin-entity-lookup__phone-row {
        flex-direction: column;
    }

    .fin-entity-lookup__search-btn {
        padding: 0.6rem;
        justify-content: center;
    }
}

.fin-entity-lookup__list {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 4px);
    margin: 0;
    padding: 0.3rem;
    list-style: none;
    max-height: min(280px, 45vh);
    overflow: auto;
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(106, 93, 139, 0.18);
    box-shadow: 0 14px 36px rgba(55, 42, 88, 0.18);
    z-index: 3;
}

.fin-entity-lookup__list--dropup {
    top: auto;
    bottom: calc(100% + 4px);
}

.fin-entity-lookup__item {
    padding: 0.55rem 0.7rem;
    border-radius: 8px;
    cursor: pointer;
}

.fin-entity-lookup__item:hover,
.fin-entity-lookup__item--active {
    background: rgba(106, 93, 139, 0.08);
}

.fin-entity-lookup__item-main {
    min-width: 0;
}

.fin-entity-lookup__item-label {
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    color: #372A58;
    line-height: 1.3;
}

.fin-entity-lookup__item-line {
    display: block;
    font-size: 0.78rem;
    color: rgba(55, 42, 88, 0.65);
    line-height: 1.35;
    margin-top: 0.1rem;
}

.fin-entity-lookup__item-line--email {
    direction: ltr;
    text-align: start;
}

.fin-entity-lookup__item-line--phone {
    direction: ltr;
    text-align: start;
    font-variant-numeric: tabular-nums;
}

.fin-entity-lookup__item--empty {
    grid-template-columns: 1fr;
    cursor: default;
    color: rgba(55, 42, 88, 0.55);
    font-size: 0.84rem;
    font-weight: 500;
}

.fin-entity-lookup__selected {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.55rem 0.75rem;
    padding: 0.7rem 0.85rem;
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(106, 93, 139, 0.22);
    box-shadow: inset 0 0 0 1px rgba(106, 93, 139, 0.04);
}

.fin-entity-lookup__selected-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background: rgba(106, 93, 139, 0.1);
    color: #6a5d8b;
}

.fin-entity-lookup__selected-body {
    min-width: 0;
}

.fin-entity-lookup__selected-label {
    display: block;
    font-size: 0.88rem;
    font-weight: 700;
    color: #372A58;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fin-entity-lookup__selected-line {
    display: block;
    font-size: 0.78rem;
    color: rgba(55, 42, 88, 0.65);
    line-height: 1.35;
    margin-top: 0.12rem;
    direction: ltr;
    text-align: start;
}

.fin-entity-lookup__clear {
    border: none;
    background: rgba(106, 93, 139, 0.08);
    color: rgba(55, 42, 88, 0.65);
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 8px;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    flex-shrink: 0;
    pointer-events: auto;
    position: relative;
    z-index: 2;
}

.fin-entity-lookup__clear:hover {
    background: rgba(106, 93, 139, 0.15);
    color: #372A58;
}

@media (max-width: 560px) {
    .fin-referral-create-form__grid--2,
    .fin-referral-create-form__grid--dates {
        grid-template-columns: 1fr;
    }

    .fin-referral-field__bridge {
        display: none;
    }

}

.fin-ord-status--inactive {
    background: #F5F5F5;
    color: #9E9E9E;
}

.fin-ord-status--none {
    background: #F5F5F5;
    color: #BDBDBD;
}

/* Default status badge */
.fin-ord-status {
    background: #F3F2F6;
    color: #372A58;
}

.fin-audit-arrow {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0;
    color: #B5AFC4;
    font-weight: 700;
    font-size: 0.85rem;
}

.fin-pager {
    margin-top: 12px;
}

.fin-pager__footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    padding-top: 10px;
    border-top: 1px solid #E5E7EB;
}

@media (max-width: 768px) {
    .fin-pager__footer {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    /* Keep JS table pager on one row inside cards (matches desktop _FinancePager) */
    .fin-dash-client-pager .fin-pager__footer {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        justify-items: stretch;
        text-align: start;
    }

    .fin-dash-client-pager .fin-pager__bar {
        justify-self: center;
    }

    .fin-dash-client-pager .fin-pager__results {
        justify-self: start;
    }

    .fin-dash-client-pager .fin-pager__take {
        justify-self: end;
    }
}

.fin-pager__bar {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.fin-pager__btn {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    border: 1px solid #E5E7EB;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #111827;
    text-decoration: none;
    transition: background .15s ease, border-color .15s ease, transform .15s ease;
}

.fin-pager__btn:hover {
    background: #F9FAFB;
    border-color: var(--colors-primary-300, #D1D5DB);
}

.fin-pager__btn--disabled,
.fin-pager__btn[aria-disabled="true"] {
    opacity: .4;
    pointer-events: none;
}

.fin-pager__arrow {
    font-size: 18px;
    line-height: 1;
}

.fin-pager__page,
.fin-pager__dots {
    min-width: 14px;
    height: 34px;
    padding: 0 10px;
    border-radius: 12px;
    border: 1px solid #E5E7EB;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #111827;
    text-decoration: none;
    font-weight: 600;
}

.fin-pager__page:hover {
    background: #F9FAFB;
    border-color: var(--colors-primary-300, #D1D5DB);
}

.fin-pager__page--active {
    background: var(--colors-primary-600, #372A58);
    border-color: var(--colors-primary-600, #372A58);
    color: #fff;
}

.fin-pager__dots {
    color: #6B7280;
    border-color: transparent;
    background: transparent;
    min-width: 28px;
    padding: 0 6px;
}

.fin-pager__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.fin-pager__results {
    color: #111827;
    font-weight: 600;
    justify-self: start;
}

/* Keep "1–10" readable in RTL (avoid BiDi flipping the range to "10–1"). */
.fin-pager__range {
    direction: ltr !important;
    unicode-bidi: isolate;
    display: inline-block;
}

@media (max-width: 768px) {
    .fin-pager__results {
        justify-self: center;
    }
}

.fin-pager__take {
    margin: 0;
    justify-self: end;
}

@media (max-width: 768px) {
    .fin-pager__take {
        justify-self: center;
    }
}

.fin-pager__select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #E5E7EB;
    background: #F3F4F6;
    color: #111827;
    height: 34px;
    padding: 0 38px 0 14px;
    border-radius: 12px;
    font-weight: 700;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

[dir="rtl"] .fin-pager__select {
    padding: 0 14px 0 38px;
    background-position: left 12px center;
}

/* ═══════════════════════════════════════════════════════
   Bank reconciliation — ledger invariant (v10)
   ═══════════════════════════════════════════════════════ */

.fin-recon-page .fin-recon-books {
    margin-top: 1rem;
    margin-bottom: 1.25rem;
    padding: 1.15rem 1.2rem;
    border: 1px solid #E8E3F0;
    border-radius: 14px;
    background: #fff;
}

.fin-recon-books__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.fin-recon-books__title {
    margin: 0 0 0.35rem;
    font-size: 1.05rem !important;
    font-weight: 800;
    color: #372A58;
}

.fin-recon-books__lead {
    margin: 0;
    font-size: 0.85rem;
    line-height: 1.55;
    max-width: 42rem;
}

.fin-recon-accounts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

@media (max-width: 992px) {
    .fin-recon-accounts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .fin-recon-accounts {
        grid-template-columns: 1fr;
    }
}

.fin-recon-acc {
    border: 1px solid #E1DFE8;
    border-radius: 12px;
    padding: 0.85rem 0.95rem;
    background: #F8F7FB;
    border-top-width: 3px;
}

.fin-recon-acc--bank { border-top-color: #1D9E75; }
.fin-recon-acc--escrow { border-top-color: #EF9F27; }
.fin-recon-acc--wallets { border-top-color: #534AB7; }
.fin-recon-acc--loss { border-top-color: #A32D2D; }

.fin-recon-acc__name {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6A5D8B;
    margin-bottom: 0.35rem;
}

.fin-recon-acc__value {
    font-size: 1.15rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.fin-recon-acc--bank .fin-recon-acc__value { color: #155F44; }
.fin-recon-acc--escrow .fin-recon-acc__value { color: #803800; }
.fin-recon-acc--wallets .fin-recon-acc__value { color: #3C3489; }
.fin-recon-acc--loss .fin-recon-acc__value { color: #A32D2D; }

.fin-recon-acc__detail {
    margin-top: 0.35rem;
    font-size: 0.72rem;
    color: #8887A2;
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    line-height: 1.4;
    word-break: break-word;
}

.fin-recon-invariant {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.65rem 0.85rem;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: #1E1E1E;
    color: #fff;
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    font-size: 0.82rem;
    line-height: 1.45;
}

.fin-recon-invariant__bank { color: #5FC89E; font-weight: 700; }
.fin-recon-invariant__loss { color: #F48989; font-weight: 700; }
.fin-recon-invariant__escrow { color: #F5B96D; font-weight: 700; }
.fin-recon-invariant__wallets { color: #B1A8E9; font-weight: 700; }
.fin-recon-invariant__op { color: rgba(255, 255, 255, 0.55); }
.fin-recon-invariant__eq { color: rgba(255, 255, 255, 0.7); font-weight: 800; }

.fin-recon-invariant__pill {
    padding: 0.25rem 0.65rem;
    border-radius: 6px;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.fin-recon-invariant__pill--ok {
    background: #1D9E75;
    color: #fff;
}

.fin-recon-invariant__pill--bad {
    background: #A32D2D;
    color: #fff;
}

.fin-recon-invariant--bad {
    box-shadow: 0 0 0 2px rgba(163, 45, 45, 0.35);
}

.fin-recon-mismatch-alert {
    margin-top: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
}

/* ═══════════════════════════════════════════════════════
   Checkout groups (batch carts) — admin list + detail
   ═══════════════════════════════════════════════════════ */

.fin-cg-page__links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.fin-cg-page .finance-page__masthead {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem 1rem;
}

.fin-cg-status {
    font-weight: 700;
    letter-spacing: 0.02em;
}

.fin-cg-status--pending { background: #F5F0E6; color: #8A6D3B; }
.fin-cg-status--partiallypaid { background: #E8F4FD; color: #2B6CB0; }
.fin-cg-status--paid { background: #E6F7EF; color: #1D7A4E; }
.fin-cg-status--completed { background: #EDEAF2; color: #5C4D7A; }
.fin-cg-status--cancelled { background: #FDECEC; color: #A32D2D; }
.fin-cg-status--empty { background: #F3F2F6; color: #6B6578; }

.fin-cg-progress-cell {
    min-width: 140px;
}

.fin-cg-progress {
    height: 6px;
    border-radius: 999px;
    background: #EDEAF2;
    overflow: hidden;
    position: relative;
}

.fin-cg-progress--lg {
    height: 10px;
    max-width: 320px;
}

.fin-cg-progress__bar {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #6A5D8B, #8B7DB8);
    transition: width 0.35s ease;
}

.fin-cg-progress__bar--paid {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    z-index: 2;
    background: linear-gradient(90deg, #1D9E75, #5FC89E);
}

.fin-cg-progress__bar--completed {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    z-index: 1;
    opacity: 0.45;
    background: linear-gradient(90deg, #6A5D8B, #B1A8E9);
}

.fin-cg-progress__label {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.8rem;
    color: #6B6578;
    font-weight: 600;
}

.fin-cg-order-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: #F3F2F6;
    color: #3D3550;
    font-weight: 800;
    font-size: 0.85rem;
}

.fin-cg-order-pill--lg {
    min-width: 2.5rem;
    padding: 0.25rem 0.75rem;
    font-size: 1rem;
}

.fin-cg-detail-hero__ref {
    word-break: break-all;
}

/* Checkout group detail — compact header (ref is subtitle, not page title) */
.fin-cg-detail-page .finance-page__title {
    font-size: 1.35rem !important;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.01em;
    margin: 0;
}

.fin-cg-detail-page .finance-page__masthead--admin-order {
    margin-bottom: 0.65rem;
}

.fin-cg-detail-page .finance-page__subtitle--order-meta {
    margin-top: 0.35rem;
    font-size: 0.88rem;
}

.fin-cg-detail-hero__count {
    font-weight: 600;
    color: #5C5470;
}

.fin-cg-detail-hero__group-label {
    margin: 0 0 0.35rem;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.78rem;
}

.fin-cg-detail-ref-block {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.4rem 0.65rem;
    margin-top: 0.5rem;
    max-width: 100%;
}

.fin-cg-detail-ref-block__label {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #9B96AD;
    flex-shrink: 0;
}

.fin-cg-detail-ref {
    display: inline-block;
    font-family: ui-monospace, "Cascadia Code", "Consolas", monospace;
    font-size: 0.8rem;
    font-weight: 600;
    color: #4A4260;
    background: #F3F2F6;
    border: 1px solid #E8E6EF;
    border-radius: 6px;
    padding: 0.2rem 0.5rem;
    margin: 0;
    word-break: break-all;
    line-height: 1.4;
    max-width: min(100%, 42rem);
}

.fin-cg-detail-page .finance-page__back--masthead {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.5rem;
}

.fin-cg-detail-kv--buyer .fin-party-card__name {
    font-size: 0.95rem;
}

.fin-cg-detail-summary__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem 1.75rem;
    align-items: start;
}

.fin-cg-detail-page .fin-cg-detail-dashboard .fin-cg-detail-summary__grid {
    padding: 0;
}

.fin-cg-detail-page .fin-cg-detail-summary__grid--buyer {
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}

.fin-cg-detail-page .fin-cg-detail-summary__grid--financials {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 900px) {
    .fin-cg-detail-summary__grid,
    .fin-cg-detail-page .fin-cg-detail-summary__grid--financials {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .fin-cg-detail-summary__grid,
    .fin-cg-detail-page .fin-cg-detail-summary__grid--financials {
        grid-template-columns: 1fr;
    }
}

.fin-cg-detail-kv--date .fin-dual-date--compact {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    line-height: 1.35;
}

.fin-cg-detail-kv--buyer {
    grid-column: span 1;
}

@media (min-width: 901px) {
    .fin-cg-detail-kv--buyer {
        grid-column: span 1;
    }
}

.fin-cg-detail-kv {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

.fin-cg-detail-page .fin-cg-detail-dashboard .fin-cg-detail-kv__k {
    font-size: 0.78rem;
    font-weight: 700;
    color: #6B6578;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.35;
}

.fin-cg-detail-page .fin-cg-detail-dashboard .fin-cg-detail-kv__v {
    font-size: 0.95rem;
    color: #2D2640;
    line-height: 1.45;
}

.fin-cg-detail-page .fin-cg-detail-kv__v--money {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.fin-cg-detail-page .fin-cg-detail-kv__v--accent .fin-v10-money {
    color: #3d3580;
}

.fin-cg-detail-kv--wide {
    grid-column: 1 / -1;
}

.fin-cg-detail-kv__k {
    font-size: 0.78rem;
    font-weight: 700;
    color: #6B6578;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.fin-cg-detail-kv__v {
    font-size: 0.95rem;
    color: #2D2640;
}

.fin-cg-detail-progress-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
}

.fin-cg-detail-cancelled {
    font-size: 0.8rem;
    color: #A32D2D;
    font-weight: 600;
}

.fin-cg-detail-metrics {
    margin: 0;
}

.fin-cg-detail-hero {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-bottom: 1.1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #EDEAF2;
}

.fin-cg-detail-hero__main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    min-width: 0;
    flex: 1 1 16rem;
}

.fin-cg-detail-hero__ref {
    display: inline-block;
    margin: 0;
    padding: 0.2rem 0.45rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: #4A4260;
    background: #F8F7FB;
    border: 1px solid #E8E6EF;
    border-radius: 6px;
    word-break: break-all;
    line-height: 1.4;
}

.fin-cg-detail-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    flex-shrink: 0;
}

.fin-cg-detail-section-label {
    margin: 0 0 0.75rem;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6B6578;
}

.fin-cg-detail-summary-panel,
.fin-cg-detail-metrics-panel {
    margin-bottom: 1.15rem;
}

.fin-cg-detail-summary-panel:last-child,
.fin-cg-detail-metrics-panel:last-child {
    margin-bottom: 0;
}

.fin-cg-detail-summary-fieldset .finance-platform-settings-card__body {
    padding-top: 0.35rem;
}

.fin-cg-detail-page .fin-cg-detail-subcard {
    margin-top: 0;
    padding: 0.95rem 1rem 1rem;
}

.fin-cg-detail-legend-meta {
    font-size: 0.85rem;
    font-weight: 600;
}

.fin-cg-detail-empty {
    margin: 0;
    font-size: 0.9rem;
}

.fin-cg-detail-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-bottom: 0.85rem;
}

.fin-cg-detail-buyer-card {
    margin-bottom: 0;
}

.fin-cg-detail-tabs-strip {
    margin-top: 0;
    margin-bottom: 0.75rem;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
}

.fin-cg-detail-tab-pills {
    margin: 0;
}

.fin-cg-detail-tab-pills .fin-v10-filter-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.fin-cg-detail-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: rgba(106, 93, 139, 0.12);
    color: #372A58;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
}

.fin-v10-filter-pill--active .fin-cg-detail-tab-count {
    background: rgba(255, 255, 255, 0.22);
    color: #fff;
}

.fin-cg-detail-page.admin-finance-order-detail fieldset.fin-order-detail-tab-fieldset,
.portal-finance-order-detail fieldset.fin-order-detail-tab-fieldset {
    margin-top: 0;
}

.fin-cg-detail-table-hint {
    margin: 0.75rem 0 0;
    font-size: 0.82rem;
    line-height: 1.45;
}

.fin-cg-detail-page .fin-cg-progress__label {
    font-size: 0.85rem;
    font-weight: 600;
    color: #4A4260;
}

/* Checkout group detail — client order UX in admin */
.fin-cg-detail-page.admin-finance-order-detail .fin-cg-overview__metrics--admin {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1100px) {
    .fin-cg-detail-page.admin-finance-order-detail .fin-cg-overview__metrics--admin {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .fin-cg-detail-page.admin-finance-order-detail .fin-cg-overview__metrics--admin {
        grid-template-columns: 1fr;
    }
}

.fin-cg-detail-page .fin-cg-detail-dashboard {
    margin-bottom: 0.85rem;
}

.fin-cg-detail-page .fin-cg-detail-dashboard__head {
    align-items: center;
}

.fin-cg-detail-page .fin-cg-detail-dashboard__meta {
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
}

.fin-cg-detail-page .fin-cg-detail-dashboard.fin-cg-section-card {
    overflow: hidden;
}

.fin-cg-detail-page .fin-cg-detail-dashboard .fin-cg-section-card__body {
    overflow: visible;
}

.fin-cg-detail-page .fin-cg-detail-dashboard__body {
    padding: 1rem 1.1rem 1.15rem;
    background: linear-gradient(180deg, #faf9fc 0%, #f6f4fa 100%);
    box-sizing: border-box;
}

.fin-cg-detail-page .fin-cg-detail-dashboard__head {
    border-bottom: 1px solid #e0d9ec;
}

/* ملخص — nested sub-cards */
.fin-cg-detail-page .fin-cg-summary-inner {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-width: 0;
    width: 100%;
}

.fin-cg-detail-page .fin-cg-summary-subcard {
    min-width: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.fin-cg-detail-page .fin-cg-summary-subcard__frame {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #e0d9ec;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
    box-shadow:
        0 1px 2px rgba(55, 42, 88, 0.04),
        0 4px 14px rgba(55, 42, 88, 0.05);
}

.fin-cg-detail-page .fin-cg-summary-subcard--financials .fin-cg-summary-subcard__frame {
    background: linear-gradient(180deg, #fff 0%, #fcfbfe 100%);
}

.fin-cg-detail-page .fin-cg-summary-subcard__scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.fin-cg-detail-page .fin-cg-summary-table.fin-ord-table {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border: none !important;
    border-radius: 0 !important;
    margin: 0;
    table-layout: auto;
    border-collapse: collapse;
}

.fin-cg-detail-page .fin-cg-summary-table--buyer {
    min-width: 42rem;
}

.fin-cg-detail-page .fin-cg-summary-table--financials {
    min-width: 28rem;
}

.fin-cg-detail-page .fin-cg-summary-table thead th {
    background: #f8f6fc;
    border-bottom: 1px solid #e0d9ec;
    color: #6a5d8b;
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.02em;
    text-transform: none;
    white-space: nowrap;
    padding: 0.72rem 1rem;
    text-align: center;
    vertical-align: middle;
}

.fin-cg-detail-page .fin-cg-summary-table--financials thead th {
    background: linear-gradient(180deg, #faf9fc 0%, #f5f3f9 100%);
}

.fin-cg-detail-page .fin-cg-summary-table tbody td {
    vertical-align: middle;
    padding: 0.85rem 1rem;
    text-align: center;
    background: transparent;
    border: none;
    word-break: break-word;
}

.fin-cg-detail-page .fin-cg-summary-table .fin-dual-date {
    align-items: center;
}

.fin-cg-detail-page .fin-cg-detail-summary-table__buyer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.45rem 0.6rem;
}

.fin-cg-detail-page .fin-cg-detail-summary-table__name {
    font-weight: 700;
    color: #2c2340;
    font-size: 0.95rem;
}

.fin-cg-detail-page .fin-cg-detail-summary-table__buyer-link {
    color: #372a58;
    font-weight: 700;
    text-decoration: none;
}

.fin-cg-detail-page .fin-cg-detail-summary-table__buyer-link:hover {
    color: #6a5d8b;
    text-decoration: underline;
}

.fin-cg-detail-page .fin-cg-detail-summary-table__email {
    word-break: break-word;
    color: #3d3580;
    font-weight: 600;
}

.fin-cg-detail-page .fin-cg-detail-financials-table__count {
    width: auto;
}

.fin-cg-detail-page .fin-cg-detail-financials-table__money {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    color: #2c2340;
}

.fin-cg-detail-page .fin-cg-detail-financials-table__money--accent .fin-v10-money,
.fin-cg-detail-page .fin-cg-detail-financials-table__money--accent .fin-currency-amount,
.fin-cg-detail-page .fin-cg-detail-financials-table__money--accent .partner-finance-sar-row {
    color: #3d3580;
}

/* Group detail (all tabs): Arabic ﷼ before digits — symbol order only, not block layout */
.fin-cg-detail-page .fin-currency-amount--rtl,
[dir="rtl"] .fin-cg-detail-page .fin-currency-amount {
    direction: rtl !important;
}

.fin-cg-detail-page .fin-order-admin-actions__metric-v .fin-currency-amount,
.fin-cg-detail-page .fin-order-admin-actions__metric-v .partner-finance-sar-row {
    display: inline-flex;
    vertical-align: baseline;
}

.fin-cg-detail-page .finance-metric-card__value .fin-currency-amount,
.fin-cg-detail-page .fin-rec-check__formula-group-total .fin-currency-amount,
.fin-cg-detail-page .fin-rec-check__formula-card-value .fin-currency-amount,
.fin-cg-detail-page .fin-rec-check__formula-diff-card__value .fin-currency-amount,
.fin-cg-detail-page .finance-metric-card__value .partner-finance-sar-row,
.fin-cg-detail-page .fin-rec-check__formula-group-total .partner-finance-sar-row,
.fin-cg-detail-page .fin-rec-check__formula-card-value .partner-finance-sar-row,
.fin-cg-detail-page .fin-rec-check__formula-diff-card__value .partner-finance-sar-row {
    display: inline-flex;
    vertical-align: baseline;
}

/* Tablet — tighter columns, light horizontal scroll if needed */
@media (max-width: 1100px) {
    .fin-cg-detail-page .fin-cg-summary-table--buyer {
        min-width: 36rem;
    }

    .fin-cg-detail-page .fin-cg-summary-table thead th,
    .fin-cg-detail-page .fin-cg-summary-table tbody td {
        padding-inline: 0.75rem;
        font-size: 0.84rem;
    }
}

/* Mobile — full-width stacked rows inside bordered frame */
@media (max-width: 767px) {
    .fin-cg-detail-page .fin-cg-detail-dashboard__body {
        padding: 0.85rem;
    }

    .fin-cg-detail-page .fin-cg-detail-dashboard__meta {
        white-space: normal;
        text-align: end;
        max-width: 12rem;
        line-height: 1.35;
    }

    .fin-cg-detail-page .fin-cg-summary-subcard__scroll {
        overflow-x: visible;
        overflow-y: visible;
    }

    .fin-cg-detail-page .fin-cg-summary-table.fin-ord-table,
    .fin-cg-detail-page .fin-cg-summary-table--buyer,
    .fin-cg-detail-page .fin-cg-summary-table--financials {
        display: block;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .fin-cg-detail-page .fin-cg-summary-table thead {
        display: none;
    }

    .fin-cg-detail-page .fin-cg-summary-table tbody {
        display: block;
        width: 100%;
    }

    .fin-cg-detail-page .fin-cg-summary-table tbody tr {
        display: block;
        width: 100%;
    }

    .fin-cg-detail-page .fin-cg-summary-table tbody td {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 0 1rem 0.85rem;
        text-align: start;
        border-bottom: 1px solid #ebe8f2;
    }

    .fin-cg-detail-page .fin-cg-summary-table tbody td:last-child {
        border-bottom: none;
    }

    .fin-cg-detail-page .fin-cg-summary-table tbody td::before {
        content: attr(data-label);
        display: block;
        width: auto;
        box-sizing: border-box;
        margin-inline: -1rem;
        margin-bottom: 0.65rem;
        padding: 0.62rem 1rem;
        background: #f8f6fc;
        border-bottom: 1px solid #e0d9ec;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #6a5d8b;
        line-height: 1.35;
    }

    .fin-cg-detail-page .fin-cg-detail-summary-table__buyer {
        justify-content: flex-start;
    }

    .fin-cg-detail-page .fin-cg-detail-progress-wrap--inline {
        max-width: none;
        width: 100%;
    }
}

.fin-cg-detail-page .fin-cg-detail-progress-wrap--inline {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
    min-width: 9rem;
    max-width: 16rem;
}

.fin-cg-detail-page .fin-cg-detail-progress-wrap--inline .fin-cg-progress--compact {
    width: 100%;
    min-width: 7rem;
    height: 0.45rem;
}

.fin-cg-detail-page .fin-cg-detail-progress-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
}

.fin-cg-detail-page .fin-cg-detail-progress-badge--complete {
    background: #e8f5ee;
    color: #1a6b42;
    border: 1px solid #b8e0cb;
}

.fin-cg-detail-page .fin-cg-detail-cancelled--pill {
    display: inline-block;
    margin-top: 0.35rem;
    padding: 0.15rem 0.45rem;
    border-radius: 6px;
    background: #f5f0f8;
    font-size: 0.75rem;
}

.fin-cg-detail-page .fin-cg-detail-orders-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    min-width: 0;
}

.fin-cg-detail-page .fin-cg-detail-orders-head__hint {
    font-size: 0.8rem;
    line-height: 1.35;
    max-width: 42rem;
}

.fin-cg-detail-page .fin-cg-overview__table-section .fin-cg-section-card__body {
    padding: 0;
}

.fin-cg-snapshot-stack {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.fin-cg-snapshot-order {
    border: 1px solid #e0d9ec;
    border-radius: 12px;
    padding: 0.85rem 1rem 1rem;
    background: #faf9fc;
}

.fin-cg-snapshot-order .fin-snapshot-sections {
    gap: 0.85rem;
}

.fin-cg-snapshot-order--highlight {
    border-color: #b8aed8;
    box-shadow: 0 0 0 2px rgba(106, 93, 139, 0.12);
}

.fin-cg-snapshot-order__head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.75rem;
    margin-bottom: 0.65rem;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid #edeaf2;
}

.fin-cg-snapshot-order__title {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 800;
}

.fin-cg-snapshot-order__title a {
    color: #3d3580;
    text-decoration: none;
}

.fin-cg-snapshot-order__title a:hover {
    text-decoration: underline;
}

.fin-cg-snapshot-order__meta {
    font-size: 0.82rem;
}

/* Snapshot tab — locale-aware card direction (RTL/LTR) */
.fin-snapshot-panel,
.fin-snapshot-sections,
.fin-cg-snapshot-order {
    text-align: start;
}

.fin-snapshot-panel__hint {
    text-align: start;
}

.fin-snapshot-dl__row {
    direction: inherit;
    text-align: start;
}

.fin-snapshot-section__title,
.fin-snapshot-dl__row dt {
    text-align: start;
}

.fin-snapshot-dl__row dd,
.fin-snapshot-dl__v {
    text-align: start;
}

.fin-snapshot-dl__row dd {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
}

.fin-snapshot-dl__v--rate .fin-snapshot-dl__num,
.fin-snapshot-dl__v--mono .fin-snapshot-dl__num,
.fin-snapshot-dl__num {
    direction: ltr;
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
}


.fin-cg-snapshot-order__head {
    justify-content: flex-start;
}

.fin-snapshot-order-ref {
    unicode-bidi: embed;
}

[dir="rtl"] .fin-cg-snapshot-order--highlight {
    box-shadow: -2px 0 0 0 rgba(106, 93, 139, 0.35), 0 0 0 2px rgba(106, 93, 139, 0.12);
}

[dir="ltr"] .fin-cg-snapshot-order--highlight {
    box-shadow: 2px 0 0 0 rgba(106, 93, 139, 0.35), 0 0 0 2px rgba(106, 93, 139, 0.12);
}

.fin-cg-detail-order-link {
    font-weight: 700;
    text-decoration: none;
    color: #3d3580;
}

.fin-cg-detail-order-link:hover {
    text-decoration: underline;
}

.fin-cg-audit-row--highlight {
    background: #faf8ff;
}

.fin-cg-orders-table__row--highlight {
    background: #faf8ff;
}

.fin-cg-admin-actions-section {
    margin-bottom: 0.85rem;
}

.fin-cg-admin-actions-stack {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.85rem 1rem 1rem;
}

.fin-cg-admin-actions-order__label {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.75rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.fin-order-mgmt-view-toggle {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.fin-order-mgmt-subtitle {
    margin: 0;
    flex: 1 1 14rem;
    max-width: 36rem;
    line-height: 1.55;
}

[data-model-id="admin-finance-order-mgmt"] fieldset.finance-platform-settings-card > legend.finance-platform-settings-card__title {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.25;
    margin-bottom: 0.35rem;
}

.fin-order-mgmt-hero {
    margin-bottom: 1rem;
    padding-bottom: 0.15rem;
}

.fin-order-mgmt-hero__top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem 1.25rem;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid rgba(106, 93, 139, 0.1);
}

.fin-order-mgmt-hero__view {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 0.75rem;
    flex-shrink: 0;
}

.fin-order-mgmt-view-toggle--segmented {
    padding: 0.22rem;
    border-radius: 12px;
    background: rgba(243, 242, 246, 0.95);
    border: 1px solid rgba(106, 93, 139, 0.12);
}

.fin-order-mgmt-view-toggle--segmented .fin-v10-filter-pill {
    min-width: 7.5rem;
    justify-content: center;
    border: none;
    box-shadow: none;
}

.fin-order-mgmt-view-toggle--segmented .fin-v10-filter-pill--active {
    box-shadow: 0 2px 8px rgba(106, 93, 139, 0.18);
}

.fin-order-mgmt-filter-summary {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #372A58;
    background: rgba(106, 93, 139, 0.1);
    border: 1px solid rgba(106, 93, 139, 0.16);
}

.fin-order-mgmt-clear-filters {
    font-size: 0.82rem;
    font-weight: 700;
    color: #534ab7;
    text-decoration: none;
    white-space: nowrap;
}

.fin-order-mgmt-clear-filters:hover {
    text-decoration: underline;
}

.fin-order-mgmt-filter-head-end {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem 0.65rem;
}

.fin-order-mgmt-showing-range {
    margin: 0.65rem 0 0;
    font-size: 0.82rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.fin-order-mgmt-list-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem 1rem;
    margin-top: 0.85rem;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(106, 93, 139, 0.08);
}

.fin-order-mgmt-list-toolbar__meta {
    font-size: 0.82rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.fin-order-mgmt-view-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem 1rem;
    margin: 0 0 1rem;
    padding: 0.85rem 1.1rem;
    border: 1px solid rgba(106, 93, 139, 0.14);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 247, 252, 0.92) 100%);
    box-shadow: 0 6px 18px rgba(55, 42, 88, 0.05);
}

.fin-order-mgmt-view-bar__label {
    font-size: 0.82rem;
    font-weight: 800;
    color: #372A58;
    letter-spacing: 0.02em;
}

.fin-cg-order-full--admin .fin-cg-order-full__head {
    padding: 0.85rem 1rem;
}

.fin-cg-order-full--admin.fin-cg-order-full--collapsible .fin-cg-order-full__head {
    padding: 0.75rem 1rem;
}

.fin-cg-order-full--admin.fin-cg-order-full--collapsible .fin-cg-order-full__head-main {
    display: block;
    width: auto;
    grid-column: 2;
    min-width: 0;
}

.fin-cg-order-full--admin.fin-cg-order-full--collapsible .fin-cg-order-full__badges {
    margin-top: 0.35rem;
}

.fin-cg-order-full--admin .fin-cg-order-full__head-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.75rem;
    min-width: 0;
    width: 100%;
}

.fin-cg-order-full--admin .fin-cg-order-full__badges {
    margin-top: 0;
}

.fin-cg-order-full--admin .fin-cg-order-full__facts {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.fin-cg-order-full--admin .fin-cg-order-full__facts-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.fin-cg-order-full--admin.fin-cg-order-full--collapsible .fin-cg-order-full__facts {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.fin-cg-order-full--admin.fin-cg-order-full--collapsible .fin-cg-order-full__facts-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.fin-cg-order-full--admin .fin-cg-order-fact {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.4rem;
    padding: 0.75rem 0.9rem;
    text-align: start;
}

.fin-cg-order-full--admin .fin-cg-order-fact__label {
    flex: 0 0 auto;
    margin: 0;
    white-space: normal;
}

.fin-cg-order-full--admin .fin-cg-order-fact__value {
    flex: 0 1 auto;
    min-width: 0;
    text-align: start;
}

.fin-cg-order-full--admin .fin-cg-order-fact__value--ref {
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.45;
    word-break: break-all;
}

.fin-cg-order-full--admin .fin-cg-order-fact--seller .fin-cg-order-fact__value {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem 0.5rem;
}

.fin-cg-order-full--admin .fin-cg-order-fact__value--date .fin-dual-date--compact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 0.2rem;
    max-width: none;
    margin-inline: 0;
    direction: ltr;
    unicode-bidi: isolate;
}

.fin-cg-order-full--admin .fin-cg-order-fact__value--date .fin-dual-date--compact .fin-dual-date__primary,
.fin-cg-order-full--admin .fin-cg-order-fact__value--date .fin-dual-date--compact .fin-dual-date__secondary {
    direction: ltr;
    unicode-bidi: isolate;
    text-align: start;
    font-variant-numeric: tabular-nums;
}

.fin-cg-order-full--admin .fin-cg-order-fact__value--date .fin-dual-date--compact .fin-dual-date__primary {
    font-size: 0.875rem;
    font-weight: 600;
    color: #111827;
}

.fin-cg-order-full--admin .fin-cg-order-fact__value--date .fin-dual-date--compact .fin-dual-date__secondary {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #6b7280;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full--admin .fin-cg-order-full__body .fin-cg-order-full__progress.fin-client-order-detail__progress {
    margin: 0 0 0.85rem;
    padding: 0;
    border-top: none;
    background: transparent;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full--admin .fin-cg-order-full__body .fin-eshop-progress--full {
    margin: 0;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full--admin .fin-cg-order-full__disclosure-inner {
    padding: 0.85rem 1rem 1rem;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-platform-order-top {
    display: grid;
    grid-template-columns: minmax(12rem, 0.8fr) minmax(0, 1.6fr);
    gap: 1rem;
    align-items: stretch;
    width: 100%;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-platform-order-top > .fin-eshop-retail-panel.fin-platform-order-seller,
[data-model-id="admin-finance-checkout-group-detail"] .fin-platform-order-top > .fin-eshop-retail-panel.fin-platform-order-progress {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-platform-order-top > .fin-platform-order-seller > .fin-eshop-retail-panel__card,
[data-model-id="admin-finance-checkout-group-detail"] .fin-platform-order-top > .fin-platform-order-progress > .fin-eshop-retail-panel__card {
    height: 100%;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-platform-order-info.fin-cg-order-info--admin,
[data-model-id="admin-finance-checkout-group-detail"] .fin-booking-order-info.fin-cg-order-info--admin {
    margin-top: 0;
}

@media (max-width: 640px) {
    [data-model-id="admin-finance-checkout-group-detail"] .fin-platform-order-top {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Admin eshop "معلومات الطلب" — scoped styles (client/partner CSS uses different data-model-id) */
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin {
    margin: 0.85rem 0 0;
    border: 1px solid #e8e4f0;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin.fin-cg-order-full--collapsible .fin-cg-order-full__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.65rem 1rem;
    padding: 0.7rem 0.95rem;
    background: #faf9fc;
    border-bottom: 1px solid #e0d9ec;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin.fin-cg-order-full--collapsible:not(.is-expanded) .fin-cg-order-full__head {
    border-bottom: none;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-cg-order-full__head-main {
    display: block;
    grid-column: 1;
    width: auto;
    min-width: 0;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-cg-order-info__actions {
    grid-column: 2;
    align-self: start;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-cg-order-info__title {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #372a58;
    line-height: 1.3;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-cg-order-info__head-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
    margin-top: 0.3rem;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-cg-order-info__head-shop {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #565959;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: min(100%, 28rem);
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-cg-order-info__head-status {
    font-size: 0.6875rem;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__body {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 0.85rem 0.95rem 1rem;
    background: linear-gradient(180deg, #fff 0%, #faf9fc 100%);
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__section {
    margin: 0;
    min-width: 0;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__section-title {
    margin: 0 0 0.45rem;
    padding: 0 0.15rem;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6a5d8b;
    line-height: 1.3;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem 0.65rem;
    margin: 0;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__grid--settlement {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__row {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    align-items: stretch;
    min-width: 0;
    padding: 0.5rem 0.6rem;
    border-radius: 10px;
    border: 1px solid rgba(232, 228, 240, 0.9);
    background: rgba(255, 255, 255, 0.9);
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__row--wide {
    grid-column: 1 / -1;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__row--settlement {
    background: #f7f5fb;
    border-color: #e0d9ec;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__section--settlement {
    padding-top: 0.15rem;
    border-top: 1px solid #e8e4f0;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__row dt {
    margin: 0;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #6b7280;
    line-height: 1.3;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__row dd {
    margin: 0;
    min-width: 0;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__value,
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__link,
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__text {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #372a58;
    line-height: 1.35;
    word-break: break-word;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__value.is-pending {
    color: #9ca3af;
    font-weight: 500;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__value--wrap {
    white-space: normal;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__link {
    color: #007185;
    text-decoration: none;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__link:hover {
    color: #c7511f;
    text-decoration: underline;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__row--carrier .eshop-carrier-inline {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    max-width: 100%;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__row--carrier .eshop-carrier-inline__name {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #372a58;
    line-height: 1.35;
    word-break: break-word;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__row--settlement .fin-v10-money,
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__row--settlement .finance-cell-amount {
    font-size: 0.875rem;
    font-weight: 700;
    color: #372a58;
}

@media (max-width: 900px) {
    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__grid,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__grid--settlement {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin.fin-cg-order-full--collapsible .fin-cg-order-full__head {
        grid-template-columns: minmax(0, 1fr);
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-cg-order-info__actions {
        grid-column: 1;
        justify-self: start;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__grid,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-eshop-order-info-card__grid--settlement {
        grid-template-columns: 1fr;
    }
}

/* Admin order detail — mobile/narrow: line items, order info, summary stay readable */
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer,
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-cg-order-full__lines,
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines,
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__list-card,
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__summary {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow: visible;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full--admin .fin-cg-order-full__disclosure-inner {
    contain: none;
    overflow: visible;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__title,
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__title-text,
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__title-link {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__summary-row .partner-finance-sar-row,
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__summary-row .fin-currency-amount {
    white-space: nowrap;
    flex-wrap: nowrap;
}

@media (max-width: 900px) {
    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin.fin-cg-order-full--collapsible .fin-cg-order-full__head {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.5rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-cg-order-info__actions {
        grid-column: 1;
        justify-self: start;
        max-width: 100%;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-cg-order-info__head-shop {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        max-width: 100%;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__row--record {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 0.5rem 0.65rem;
        padding: 0.65rem 0.7rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__row--record .fin-eshop-lines__main {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
        grid-template-columns: auto minmax(0, 1fr);
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__row--record .fin-eshop-lines__actions {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
        justify-content: flex-start;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__row--record .fin-eshop-lines__thumb--product {
        width: 3.25rem;
        height: 3.25rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__summary {
        padding: 0.7rem 0.75rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__summary-row {
        align-items: center;
        gap: 0.5rem 0.65rem;
        flex-wrap: nowrap;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__summary-row > span:first-child {
        flex: 1 1 auto;
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__summary-row > span:last-child {
        flex: 0 0 auto;
    }
}

@media (max-width: 640px) {
    [data-model-id="admin-finance-checkout-group-detail"] fieldset.fin-cg-order-full__lines-section--fieldset {
        padding: 0.55rem 0.65rem 0.7rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer {
        padding-inline: 0;
        gap: 0.75rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full--admin .fin-cg-order-full__body {
        padding: 0.75rem 0.65rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin.fin-cg-order-full--collapsible .fin-cg-order-full__head {
        padding: 0.65rem 0.75rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-info--admin .fin-cg-order-full__toggle-label {
        max-width: 100%;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__row--record .fin-eshop-lines__price--meta {
        white-space: nowrap;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__row--record .fin-eshop-lines__meta-row {
        flex-wrap: wrap;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-order-full__body--eshop-buyer .fin-eshop-lines__summary-row {
        font-size: 0.78rem;
    }
}

@container fin-order-lines (max-width: 420px) {
    [data-model-id="admin-finance-checkout-group-detail"] .fin-eshop-lines__row--record {
        flex-wrap: wrap;
        padding: 0.55rem 0.5rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-eshop-lines__row--record .fin-eshop-lines__main {
        flex: 1 1 100%;
        min-width: 0;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-eshop-lines__row--record .fin-eshop-lines__actions {
        flex: 1 1 100%;
        justify-content: flex-start;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-eshop-lines__summary-row {
        flex-wrap: nowrap;
        align-items: center;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-eshop-lines__summary-row .partner-finance-sar-row,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-eshop-lines__summary-row .fin-currency-amount {
        white-space: nowrap;
        flex-wrap: nowrap;
    }
}

/* Admin order detail — completed refund notice */
[data-model-id="admin-finance-checkout-group-detail"] .fin-order-refund-notice--completed {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    align-items: center;
    border-color: #a7f3d0;
    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 55%, #fff 100%);
    color: #065f46;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-order-refund-notice--completed .fin-order-refund-notice__icon {
    background: #d1fae5;
    color: #059669;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-order-refund-notice--completed .fin-order-refund-notice__content {
    flex: 1 1 auto;
    min-width: 0;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-order-refund-notice--completed .fin-order-refund-notice__title {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Admin order detail — payment + invoices tabs: full-width scroll hosts */
[data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab,
[data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow: visible;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab > .finance-platform-settings-card__body,
[data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab > .finance-platform-settings-card__body,
[data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-dash-paged-table,
[data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-dash-paged-table {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .finance-table-wrap--scroll,
[data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .finance-table-wrap--scroll {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table,
[data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices {
    width: max-content;
    min-width: 100%;
    max-width: none;
}

@media (max-width: 900px) {
    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab > legend .fin-dash-legend-row,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab > legend .fin-dash-legend-row {
        flex-wrap: wrap;
        max-width: min(100%, 20rem);
        gap: 0.35rem 0.55rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-pager__footer,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-pager__footer,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-dash-client-pager .fin-pager__footer,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-dash-client-pager .fin-pager__footer {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 0.55rem;
        text-align: center;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-pager__results,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-pager__results,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-dash-client-pager .fin-pager__results,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-dash-client-pager .fin-pager__results {
        justify-self: center;
        white-space: nowrap;
        font-size: 0.8125rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-pager__take,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-pager__take,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-dash-client-pager .fin-pager__take,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-dash-client-pager .fin-pager__take {
        justify-self: center;
    }
}

/* Payment history — stack into readable cards on narrow phones */
@media (max-width: 640px) {
    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .finance-table-wrap--scroll {
        overflow-x: visible !important;
        border: none;
        box-shadow: none;
        background: transparent;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table thead,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table tbody,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table tfoot,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table tr,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table th,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table td {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table {
        min-width: 0 !important;
        width: 100% !important;
        border: none;
        background: transparent;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table thead {
        display: none;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table tbody {
        display: flex;
        flex-direction: column;
        gap: 0.65rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table tbody tr {
        padding: 0.75rem 0.85rem;
        border: 1px solid #e8e4f0;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 1px 3px rgba(55, 42, 88, 0.05);
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table tbody td {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.75rem;
        padding: 0.35rem 0;
        border: none;
        text-align: end;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table tbody td + td {
        border-top: 1px solid #f1eef6;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table tbody td::before {
        content: attr(data-label);
        flex: 0 1 auto;
        min-width: 0;
        font-size: 0.72rem;
        font-weight: 700;
        color: #6a5d8b;
        text-align: start;
        white-space: normal;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table tbody td > * {
        flex: 0 1 auto;
        min-width: 0;
        max-width: 65%;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table tfoot {
        margin-top: 0.65rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table tfoot tr {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        padding: 0.7rem 0.85rem;
        border: 1px solid #e8e4f0;
        border-radius: 12px;
        background: #faf9fc;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table tfoot th,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-client-order-detail-payment-tab .fin-cg-payment-history-table tfoot td {
        width: auto;
        padding: 0;
        border: none;
        background: transparent;
    }

    /* Invoices — keep horizontal scroll but ensure readable min width */
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices {
        min-width: 36rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-refund-notice {
        padding: 0.85rem 0.9rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-admin-actions-refund-history {
        padding: 0.7rem 0.75rem 0.85rem;
    }
}

/* Invoices — optional card stack on very narrow viewports */
@media (max-width: 520px) {
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .finance-table-wrap--scroll {
        overflow-x: visible !important;
        border: none;
        box-shadow: none;
        background: transparent;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices thead,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices tbody,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices tr,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices th,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices td {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices {
        min-width: 0 !important;
        width: 100% !important;
        border: none;
        background: transparent;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices thead {
        display: none;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices tbody {
        display: flex;
        flex-direction: column;
        gap: 0.65rem;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices tbody tr {
        padding: 0.75rem 0.85rem;
        border: 1px solid #e8e4f0;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 1px 3px rgba(55, 42, 88, 0.05);
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices tbody td {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.75rem;
        padding: 0.35rem 0;
        border: none;
        text-align: end;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices tbody td + td {
        border-top: 1px solid #f1eef6;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices tbody td::before {
        content: attr(data-label);
        flex: 0 1 auto;
        min-width: 0;
        font-size: 0.72rem;
        font-weight: 700;
        color: #6a5d8b;
        text-align: start;
        white-space: normal;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices tbody td.fin-ord-col--actions {
        justify-content: flex-end;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-ord-table--invoices tbody td.fin-ord-col--actions::before {
        margin-inline-end: auto;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-inv-parties-flow {
        flex-wrap: wrap;
        justify-content: flex-end;
        max-width: 65%;
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-inv-number,
    [data-model-id="admin-finance-checkout-group-detail"] .fin-order-detail-invoice-tab .fin-inv-order-no {
        white-space: nowrap;
        overflow-wrap: normal;
        word-break: keep-all;
    }
}

.fin-cg-detail-page .fin-cg-side-card__meta-row .fin-dual-date--compact {
    justify-content: flex-start;
}

[dir="rtl"] .fin-cg-detail-page .fin-cg-side-card__meta-row .fin-dual-date--compact {
    justify-content: flex-end;
}

.fin-cg-overview__orders-full-list .fin-cg-order-full--admin {
    margin-bottom: 0.85rem;
}

.fin-cg-overview__orders-full-list .fin-cg-order-full--admin:last-child {
    margin-bottom: 0;
}

.fin-cg-detail-page .finance-page__back--masthead {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.fin-cg-detail-page .finance-page__subtitle--order-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    margin-top: 0.35rem;
}

.fin-cg-detail-page .fin-cg-metric__icon--commission,
.fin-cg-detail-page .fin-cg-metric__icon--partner {
    background: #f3f0f8;
    color: #534ab7;
}

@media (max-width: 640px) {
    .fin-cg-detail-hero {
        flex-direction: column;
        align-items: stretch;
    }

    .fin-cg-detail-hero__actions {
        width: 100%;
    }

    .fin-cg-detail-hero__actions .fin-v10-btn {
        flex: 1 1 auto;
        justify-content: center;
    }
}

.fin-cg-detail-section-card {
    margin-top: 0;
}

.fin-cg-detail-section-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.85rem;
}

.fin-cg-detail-section-title {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
    color: #2D2640;
}

.fin-cg-detail-section-meta {
    font-size: 0.85rem;
}

.fin-cg-detail-page .fin-wallet-toolbar__hint {
    margin-top: 0.65rem;
    font-size: 0.82rem;
}

.fin-cg-detail-orders-panel {
    margin-top: 1.25rem;
}

.fin-cg-detail-orders-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.fin-cg-orders-table .fin-ord-extref {
    max-width: 12rem;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.fin-cg-detail-orders-panel .fin-dash-paged-table {
    max-width: 100%;
}

.fin-cg-orders-table {
    font-size: 0.86rem;
}

.fin-cg-orders-table th,
.fin-cg-orders-table td {
    padding: 0.5rem 0.55rem;
    text-align: center;
    vertical-align: middle;
    border-left: none;
    border-right: none;
}

.fin-cg-orders-table .fin-ord-order-num {
    white-space: nowrap;
}

.fin-cg-orders-partner-name {
    font-weight: 700;
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fin-cg-orders-filters {
    margin-bottom: 0.25rem;
}

.fin-cg-detail-page .finance-page__subtitle--order-meta {
    margin-top: 0.35rem;
}

/* Order detail — commercial line items */
.fin-order-lines {
    margin-top: 1.25rem;
}

.fin-order-lines__empty {
    margin: 0;
    font-size: 0.875rem;
}

.fin-order-lines__col-no {
    width: 2.5rem;
    text-align: center;
}

.fin-order-lines__ref {
    font-size: 0.8125rem;
    white-space: nowrap;
}

.fin-order-lines__ref .finance-table__mono {
    display: block;
    margin-top: 0.15rem;
}

.fin-order-lines__total-row td {
    border-top: 1px solid #E8E6EE;
    padding-top: 0.65rem;
    font-weight: 700;
}

.fin-order-lines__total-label {
    text-align: end;
    color: #374151;
}

.fin-order-lines__table tfoot td.fin-order-lines__summary-cell {
    border-top: inherit;
    padding: 0.55rem 0.65rem;
    text-align: end;
}

.fin-order-lines__table tfoot .fin-order-lines__summary-pair {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    box-sizing: border-box;
    width: 10cm;
    max-width: 100%;
    margin-inline-start: auto;
    vertical-align: middle;
}

.fin-order-lines__table tfoot .fin-order-lines__summary-pair .fin-order-lines__total-label {
    flex: 0 1 auto;
    text-align: start;
    white-space: nowrap;
}

.fin-order-lines__table tfoot .fin-order-lines__summary-pair .finance-table__num,
.fin-order-lines__table tfoot .fin-order-lines__summary-pair .finance-cell-amount {
    flex: 0 0 auto;
    text-align: end;
    white-space: nowrap;
    padding: 0;
}

@media (max-width: 720px) {
    .fin-order-lines__table tfoot .fin-order-lines__summary-pair {
        display: flex;
        width: calc(100vw - 2.75rem);
        max-width: calc(100vw - 2.75rem);
        width: 100cqi;
        max-width: 100cqi;
        justify-content: space-between;
        align-items: baseline;
        gap: 1.5rem;
        margin-inline-start: 0;
        position: sticky;
        inset-inline-start: 0;
    }

    .fin-order-lines__table tfoot .fin-order-lines__summary-pair .fin-order-lines__total-label {
        flex: 1 1 auto;
        white-space: normal;
        text-align: start;
    }
}

/* Order detail — losses card */
.fin-order-losses-card {
    margin-top: 1.25rem;
    border-color: #FECACA;
    background: linear-gradient(180deg, #FFFBFB 0%, #FFF 100%);
}

.fin-order-losses-card__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin-bottom: 0.75rem;
}

.fin-order-losses-card__head .fin-detail-card__title {
    margin: 0;
}

.fin-order-losses-card__empty {
    margin: 0;
    font-size: 0.875rem;
}

.fin-order-losses-card__metrics {
    margin-bottom: 1rem;
}

.fin-order-losses-card__metric--total {
    background: #FEE2E2;
    border-color: #FECACA;
}

.fin-order-losses-card__metric--total .fin-detail-metric__label {
    color: #991B1B;
}

.fin-order-losses-card__amount {
    color: #991B1B;
}

.fin-order-losses-card__table-wrap {
    margin-top: 0.25rem;
}

/* ═══════════════════════════════════════════════════════
   Admin Wallets (/Admin/FinanceWallets) — dashboard-aligned
   ═══════════════════════════════════════════════════════ */

[data-model-id="admin-finance-wallets"] fieldset.finance-platform-settings-card > legend.finance-platform-settings-card__title,
[data-model-id="admin-finance-payouts"] fieldset.finance-platform-settings-card > legend.finance-platform-settings-card__title,
[data-model-id="admin-finance-reconciliation"] fieldset.finance-platform-settings-card > legend.finance-platform-settings-card__title,
[data-model-id="admin-finance-refunds"] fieldset.finance-platform-settings-card > legend.finance-platform-settings-card__title,
[data-model-id="admin-finance-chargebacks"] fieldset.finance-platform-settings-card > legend.finance-platform-settings-card__title,
[data-model-id="admin-finance-chargeback-debts"] fieldset.finance-platform-settings-card > legend.finance-platform-settings-card__title,
[data-model-id="admin-finance-losses"] fieldset.finance-platform-settings-card > legend.finance-platform-settings-card__title,
[data-model-id="admin-finance-audit-log"] fieldset.finance-platform-settings-card > legend.finance-platform-settings-card__title,
[data-model-id="admin-finance-referrals"] fieldset.finance-platform-settings-card > legend.finance-platform-settings-card__title,
[data-model-id="admin-finance-platform-settings"] fieldset.finance-platform-settings-card > legend.finance-platform-settings-card__title {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.finance-dashboard-page .fin-dash-wallet-search__grid {
    grid-template-columns: minmax(0, 1fr) auto;
}

.finance-dashboard-page .fin-dash-filter-card__head-start {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
}

.finance-dashboard-page .fin-wallets-admin-actions {
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(106, 93, 139, 0.12);
}

.finance-dashboard-page .fin-wallets-admin-actions__hint {
    margin: 0 0 0.65rem;
    font-size: 0.82rem;
    line-height: 1.45;
}

.finance-dashboard-page .fin-wallets-admin-actions__buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.65rem;
}

.finance-dashboard-page .fin-wallet-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.65rem 1rem;
    padding-bottom: 0.85rem;
    margin-bottom: 0.15rem;
    border-bottom: 1px solid rgba(106, 93, 139, 0.1);
}

.finance-dashboard-page .fin-wallet-toolbar__main {
    flex: 1 1 auto;
    min-width: 0;
}

.finance-dashboard-page .fin-wallet-toolbar__hint {
    margin: 0.35rem 0 0;
    font-size: 0.85rem;
}

.finance-dashboard-page .fin-wallet-type-client {
    background: #e0f2fe;
    color: #0369a1;
}

.finance-dashboard-page .fin-wallet-type-partner {
    background: #fef3c7;
    color: #92400e;
}

.finance-dashboard-page .fin-wallet-type-platform {
    background: #ede9fe;
    color: #5b21b6;
}

.finance-dashboard-page .fin-wallet-type-referrer {
    background: #fce7f3;
    color: #9d174d;
}

.finance-dashboard-page .fin-wallet-type-vat {
    background: #ecfdf5;
    color: #065f46;
}

.finance-dashboard-page .fin-wallet-empty {
    text-align: center;
    padding: 1.5rem 1rem;
}

.finance-dashboard-page .fin-wallet-empty__icon {
    color: #94a3b8;
    margin-bottom: 0.5rem;
}

.finance-dashboard-page .fin-wallet-empty__title {
    margin: 0 0 0.35rem;
    font-size: 1.1rem;
    color: #372A58;
}

.finance-dashboard-page .fin-wallet-empty__hint {
    margin: 0 auto 1rem;
    max-width: 32rem;
}

/* Platform settings — simplified dashboard layout */
.fin-platform-settings-page .fin-platform-settings-tabs-card {
    margin-bottom: 0.5rem;
}

.fin-platform-settings-metrics {
    margin-bottom: 1rem;
}

.fin-platform-settings-block {
    margin-top: 0.75rem;
}

.fin-platform-settings-section-card {
    margin-top: 0.85rem;
}

.fin-platform-settings-section-card:first-of-type {
    margin-top: 0;
}

.fin-platform-settings-section-card__intro {
    margin: 0 0 0.65rem;
}

.fin-platform-settings-fields--bordered {
    gap: 0.75rem;
}

.fin-payment-catalog-section__head {
    margin-bottom: 0.65rem;
}

.fin-payment-catalog-gw-card {
    margin-top: 0.85rem;
}

.fin-payment-catalog-gw-card:first-of-type {
    margin-top: 0;
}

.fin-payment-catalog-gw-card__table {
    margin-top: 0.75rem;
}

.fin-catalog-gw-head.fin-mf-setting-card__head {
    margin-bottom: 0.65rem;
    padding-bottom: 0;
    border-bottom: none;
}

.fin-payment-catalog-form .fin-mf-cards,
.fin-payment-catalog-form > fieldset + fieldset {
    margin-top: 0.85rem;
}

.fin-platform-settings-block__title {
    margin: 0 0 0.65rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: #372A58;
}

.fin-platform-settings-fields--holds {
    grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
}

.fin-platform-settings-readonly-grid {
    margin-top: 0.5rem;
}

.fin-platform-settings-vat-reg-card,
.fin-platform-settings-vat-card {
    /* Subtle tint only — border comes from fieldset.finance-platform-settings-card */
    background: linear-gradient(180deg, rgba(248, 247, 252, 0.95) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.fin-platform-settings-page .fin-platform-settings-section-card legend.finance-platform-settings-card__title.fin-platform-settings-block__title {
    width: auto;
    max-width: calc(100% - 1rem);
    padding: 0 0.35rem;
    margin-inline-start: 0.35rem;
    float: none;
}

[data-model-id="admin-finance-checkout-group-detail"] fieldset.fin-order-detail-tab-fieldset > legend.finance-platform-settings-card__title,
[data-model-id="admin-finance-order-detail"] fieldset.fin-order-detail-tab-fieldset > legend.finance-platform-settings-card__title {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

/* Page container card — same chrome as client product / order page-border */
[data-model-id="admin-finance-checkout-group-detail"] fieldset.fin-cg-admin-page-card {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0.85rem 0 0;
    padding: 1.25rem 1.35rem 1.5rem;
    border: 1px solid #e1dfe8;
    border-radius: 16px;
    background: #fff;
    box-shadow:
        0 1px 2px rgba(55, 42, 88, 0.04),
        0 8px 24px rgba(55, 42, 88, 0.08);
    box-sizing: border-box;
    overflow: visible;
}

[data-model-id="admin-finance-checkout-group-detail"] fieldset.fin-cg-admin-page-card > legend.fin-cg-admin-page-card__legend {
    width: auto;
    max-width: calc(100% - 1rem);
    float: none;
    margin: 0;
    margin-inline-start: 0.5rem;
    padding: 0 0.5rem;
    background: transparent;
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.3;
    color: #372a58;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-page-card__title-group {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-page-card__ord {
    font-size: inherit;
    font-weight: inherit;
    word-break: break-all;
}

[data-model-id="admin-finance-checkout-group-detail"] fieldset.fin-cg-admin-page-card > .fin-cg-admin-page-card__body {
    margin-top: 0.85rem;
    padding: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow: visible;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-admin-tabs.fin-admin-tabs--scrollable {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-page-card .finance-page__masthead--admin-order {
    margin-top: 0;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-section-card.fin-portal-section-fieldset {
    overflow: visible;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-overview__orders-full.fin-portal-section-fieldset {
    margin: 0.85rem 0 0;
    padding: 1.1rem 1.15rem 1.15rem;
    border: 1px solid #e1dfe8;
    border-radius: 14px;
    background: #fff;
    box-shadow:
        0 1px 2px rgba(55, 42, 88, 0.04),
        0 8px 24px rgba(55, 42, 88, 0.08);
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-overview__orders-full.fin-portal-section-fieldset > legend.fin-cg-overview__table-title {
    background: transparent;
    padding: 0 0.4rem;
    margin-inline-start: 0.5rem;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-admin-eshop-retail-panel fieldset.fin-eshop-retail-panel__card--ship {
    margin: 0 0 1rem;
}

.fin-cg-detail-page .fin-cg-overview fieldset.finance-platform-settings-card.fin-cg-section-card {
    margin-top: 0.85rem;
}

.fin-cg-detail-page .fin-cg-overview fieldset.finance-platform-settings-card.fin-cg-section-card.fin-cg-overview__table-section {
    margin-top: 0;
}

.fin-cg-detail-page .fin-cg-admin-overview fieldset.fin-cg-overview__table-section {
    margin-top: 0.85rem;
}

/* إجمالي الطلبات — single clean card border/shadow (no double frame from table wrap) */
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-section-card.fin-cg-overview__table-section {
    margin: 0.85rem 0 0;
    padding: 0 0 0.85rem;
    border: 1px solid #e1dfe8 !important;
    border-radius: 14px;
    background: #fff;
    box-shadow:
        0 1px 2px rgba(55, 42, 88, 0.04),
        0 8px 24px rgba(55, 42, 88, 0.08);
    overflow: hidden;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview .fin-cg-overview__table-section--last {
    border-top: none;
    padding-top: 0;
    margin-top: 0.85rem;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-section-card.fin-cg-overview__table-section--last {
    border-top: 1px solid #e1dfe8 !important;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-section-card.fin-cg-overview__table-section > legend.fin-cg-overview__table-title {
    background: #fff;
    padding: 0 0.4rem;
    margin-inline-start: 0.85rem;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-overview__table-section > .finance-platform-settings-card__body,
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-overview__table-section > .fin-cg-section-card__body {
    margin-top: 0.5rem;
    padding: 0 1.1rem;
    box-sizing: border-box;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-overview__table-section .fin-dash-paged-table {
    width: 100%;
    box-sizing: border-box;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-overview__table-section .fin-table-scroll-wrap--card,
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-overview__table-section .fin-cg-orders-table-wrap.finance-table-wrap {
    border: 1px solid #ebe8f2 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    background: #fff;
    overflow: hidden;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-overview__table-section .fin-cg-orders-table thead th {
    padding: 0.65rem 0.85rem;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-overview__table-section .fin-cg-orders-table tbody td {
    padding: 0.6rem 0.85rem;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-overview__table-section .fin-cg-orders-table tfoot th,
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-overview__table-section .fin-cg-orders-table tfoot td {
    padding: 0.75rem 0.85rem;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-overview__table-section .fin-pager,
[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview fieldset.fin-cg-overview__table-section .fin-dash-client-pager {
    margin: 0.75rem 0 0 !important;
    padding: 0.65rem 0 0;
    border-top: 1px solid #e4e0ec;
    background: transparent;
}

.fin-cg-detail-page .fin-cg-overview fieldset.finance-platform-settings-card.fin-cg-section-card > legend.finance-platform-settings-card__title,
.fin-cg-detail-page .fin-cg-overview fieldset.finance-platform-settings-card.fin-cg-section-card > legend.fin-cg-overview__table-title,
.fin-cg-detail-page .fin-cg-overview fieldset.fin-cg-side-card > legend.fin-cg-side-card__legend {
    width: auto;
    max-width: calc(100% - 1rem);
    padding: 0 0.35rem;
    margin-inline-start: 0.35rem;
    float: none;
    font-size: 1.05rem;
    font-weight: 800;
}

.fin-cg-detail-page .fin-cg-overview fieldset.finance-platform-settings-card > .finance-platform-settings-card__body {
    margin-top: 0.65rem;
    padding: 0;
}

.fin-cg-detail-page .fin-cg-detail-dashboard .fin-dash-kpi-metrics {
    margin-bottom: 0.85rem;
}

.fin-cg-detail-page .fin-client-order-detail--group {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.fin-cg-detail-page #fin-tab-details > .finance-platform-settings-card__body,
.fin-cg-detail-page #fin-tab-details .fin-cg-overview,
.fin-cg-detail-page #fin-tab-details .fin-cg-admin-overview {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.fin-cg-detail-page .fin-cg-overview {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    gap: 0;
}

/* Checkout group detail — main + sidebar aligned on same row (Shopify-style) */
.fin-cg-detail-page .fin-cg-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 22rem;
    gap: 1rem;
    align-items: start;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

[dir="rtl"] .fin-cg-detail-page .fin-cg-detail-layout {
    grid-template-columns: 22rem minmax(0, 1fr);
}

.fin-cg-detail-page .fin-cg-detail-layout__main,
.fin-cg-detail-page .fin-cg-detail-layout__sidebar {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.fin-cg-detail-page .fin-cg-detail-layout__main {
    grid-column: 1;
}

.fin-cg-detail-page .fin-cg-detail-layout__sidebar {
    grid-column: 2;
}

[dir="rtl"] .fin-cg-detail-page .fin-cg-detail-layout__main {
    grid-column: 2;
}

[dir="rtl"] .fin-cg-detail-page .fin-cg-detail-layout__sidebar {
    grid-column: 1;
}

.fin-cg-detail-page .fin-cg-overview__table-section,
.fin-cg-detail-page .fin-cg-overview__orders-full,
.fin-cg-detail-page .fin-cg-side-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.fin-cg-detail-page .fin-cg-overview fieldset.finance-platform-settings-card.fin-cg-section-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.fin-cg-detail-page .fin-cg-overview__orders-full-list {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.fin-cg-detail-page .fin-cg-overview__orders-full-list .fin-cg-order-full--admin {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.fin-cg-detail-page .fin-cg-side-card--summary {
    position: sticky;
    top: 0.85rem;
    align-self: start;
}

.fin-cg-detail-page .fin-cg-side-card--buyer {
    align-self: start;
}

.fin-cg-detail-page .fin-cg-overview fieldset.fin-cg-side-card {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    overflow: visible;
}

.fin-cg-detail-page .fin-cg-overview fieldset.fin-cg-side-card > .finance-platform-settings-card__body {
    margin-top: 0.65rem;
    padding: 0;
}

.fin-cg-side-card__legend .fin-dash-legend-row {
    width: 100%;
}

.fin-cg-side-card__badge {
    flex-shrink: 0;
    font-size: 0.72rem;
}

.fin-cg-side-card__body {
    padding: 0;
}

.fin-cg-side-card--summary .fin-cg-side-card__body {
    padding-top: 0;
}

.fin-cg-side-card--buyer .fin-cg-side-card__body {
    padding: 0 1rem 1rem;
}

:is([data-model-id="admin-finance-checkout-group-detail"], [data-model-id="client-finance-order-detail"]) .fin-cg-admin-buyer-kpis {
    margin-bottom: 0.85rem;
}

:is([data-model-id="admin-finance-checkout-group-detail"], [data-model-id="client-finance-order-detail"]) .fin-cg-admin-buyer-kpis__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem 0.85rem;
    padding-top: 0.4rem;
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

:is([data-model-id="admin-finance-checkout-group-detail"], [data-model-id="client-finance-order-detail"]) .fin-cg-admin-buyer-kpis__grid > .finance-metric-card,
:is([data-model-id="admin-finance-checkout-group-detail"], [data-model-id="client-finance-order-detail"]) .fin-cg-admin-buyer-kpis__grid > .fin-dash-kpi-card-metric {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

:is([data-model-id="admin-finance-checkout-group-detail"], [data-model-id="client-finance-order-detail"]) .fin-cg-admin-buyer-kpis .finance-metric-card__hint {
    display: none;
}

:is([data-model-id="admin-finance-checkout-group-detail"], [data-model-id="client-finance-order-detail"]) .fin-cg-admin-buyer-kpis .finance-metric-card__value:not(.finance-cell-amount),
:is([data-model-id="admin-finance-checkout-group-detail"], [data-model-id="client-finance-order-detail"]) .fin-cg-admin-buyer-kpis .fin-dash-kpi-date-card__value {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    line-height: 1.45;
}

:is([data-model-id="admin-finance-checkout-group-detail"], [data-model-id="client-finance-order-detail"]) .fin-cg-admin-buyer-kpis .fin-order-detail-dual-date {
    margin-top: 0.15rem;
    gap: 0.2rem;
    align-items: flex-start;
}

:is([data-model-id="admin-finance-checkout-group-detail"], [data-model-id="client-finance-order-detail"]) .fin-cg-admin-buyer-kpis .fin-order-detail-date-line,
:is([data-model-id="admin-finance-checkout-group-detail"], [data-model-id="client-finance-order-detail"]) .fin-cg-admin-buyer-kpis .fin-order-detail-date-line--hijri {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.45;
}

:is([data-model-id="admin-finance-checkout-group-detail"], [data-model-id="client-finance-order-detail"]) .fin-cg-admin-buyer-kpis .fin-order-detail-date-line--hijri {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--finance-muted, #6b7280);
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-buyer-kpis__buyer-card .finance-metric-card__body {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-buyer-kpis__actions {
    display: flex;
    align-items: flex-start;
    margin-top: 0.1rem;
}

[data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-buyer-kpis__actions .fin-cg-order-fact__profile-btn {
    font-size: 0.8125rem;
    padding: 0.3rem 0.65rem;
}

@media (max-width: 1100px) {
    :is([data-model-id="admin-finance-checkout-group-detail"], [data-model-id="client-finance-order-detail"]) .fin-cg-admin-buyer-kpis__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    :is([data-model-id="admin-finance-checkout-group-detail"], [data-model-id="client-finance-order-detail"]) .fin-cg-admin-buyer-kpis__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.fin-cg-side-card__footer {
    margin: 0;
    padding: 0.85rem 1rem 1rem;
    border-top: 1px solid #ece8f3;
}

.fin-cg-side-card__footer--progress {
    background: linear-gradient(180deg, #faf9fc 0%, #f6f4fa 100%);
}

.fin-cg-side-card__progress-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin-bottom: 0.55rem;
}

.fin-cg-side-card__footer-text {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 600;
    color: #4A4260;
    line-height: 1.45;
}

.fin-cg-side-card__progress-pct {
    font-size: 0.78rem;
    font-weight: 800;
    color: #6A5D8B;
    white-space: nowrap;
}

.fin-cg-side-card__footer-note {
    margin: 0.5rem 0 0;
    font-size: 0.76rem;
    font-weight: 500;
    color: #8b849c;
    line-height: 1.4;
}

.fin-cg-side-card__person {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.fin-cg-side-card__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    flex-shrink: 0;
    font-size: 0.95rem;
    font-weight: 800;
    color: #534ab7;
    background: linear-gradient(145deg, rgba(106, 93, 139, 0.14) 0%, rgba(106, 93, 139, 0.06) 100%);
    border: 1px solid rgba(106, 93, 139, 0.14);
}

.fin-cg-side-card__person-copy {
    min-width: 0;
    flex: 1 1 auto;
}

.fin-cg-side-card__person-name {
    display: block;
    font-size: 0.92rem;
    font-weight: 800;
    color: #372A58;
    line-height: 1.35;
    text-decoration: none;
    word-break: break-word;
}

a.fin-cg-side-card__person-name:hover {
    color: #534ab7;
    text-decoration: underline;
}

.fin-cg-side-card__person-email {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.35rem;
    font-size: 0.8rem;
    color: #5C5470;
    text-decoration: none;
    word-break: break-all;
    line-height: 1.4;
}

.fin-cg-side-card__person-email:hover {
    color: #534ab7;
    text-decoration: underline;
}

.fin-cg-side-card__person-link {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.55rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #534ab7;
    text-decoration: none;
}

.fin-cg-side-card__person-link:hover {
    text-decoration: underline;
}

.fin-cg-side-card__inline-icon {
    flex-shrink: 0;
    opacity: 0.85;
}

.fin-cg-side-card__meta {
    margin: 0.85rem 0 0;
    padding-top: 0.85rem;
    border-top: 1px solid #f0edf5;
}

.fin-cg-side-card__meta--rows .fin-cg-side-card__meta-row {
    display: grid;
    grid-template-columns: minmax(5.5rem, 38%) minmax(0, 1fr);
    gap: 0.45rem 0.75rem;
    align-items: start;
    padding: 0.45rem 0;
}

.fin-cg-side-card__meta--rows .fin-cg-side-card__meta-row + .fin-cg-side-card__meta-row {
    border-top: 1px solid #f7f5fa;
}

.fin-cg-side-card__meta-row dt {
    margin: 0;
    font-size: 0.74rem;
    font-weight: 700;
    color: #8b849c;
    line-height: 1.35;
}

.fin-cg-side-card__meta-row dd {
    margin: 0;
    font-size: 0.8rem;
    color: #4A4260;
    line-height: 1.45;
    min-width: 0;
}

.fin-cg-side-card__meta-row .fin-dual-date--compact {
    align-items: flex-start;
}

.fin-cg-summary-rows {
    margin: 0;
    padding: 0.15rem 1rem 0.85rem;
}

.fin-cg-summary-rows__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem 1rem;
    align-items: start;
    padding: 0.55rem 0;
}

.fin-cg-summary-rows__row + .fin-cg-summary-rows__row {
    border-top: 1px solid #f3f1f7;
}

.fin-cg-summary-rows__label {
    margin: 0;
    font-size: 0.84rem;
    font-weight: 600;
    color: #4A4260;
    line-height: 1.35;
    min-width: 0;
    text-align: start;
}

.fin-cg-summary-rows__sublabel {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.74rem;
    font-weight: 500;
    color: #9b96ad;
}

.fin-cg-summary-rows__value {
    margin: 0;
    min-width: 0;
    font-size: 0.84rem;
    font-weight: 700;
    color: #372A58;
    text-align: end;
    justify-self: end;
}

.fin-cg-summary-rows__row--money .fin-cg-summary-rows__value {
    font-weight: 700;
}

.fin-cg-summary-rows__row--money .fin-cg-summary-rows__value .partner-finance-sar-row,
.fin-cg-summary-rows__row--money .fin-cg-summary-rows__value .fin-currency-amount {
    justify-content: flex-end;
    font-size: 0.84rem;
}

.fin-cg-summary-rows__row--deduct .fin-cg-summary-rows__value {
    color: #6b5b7a;
}

.fin-cg-summary-rows__row--total {
    margin-top: 0.15rem;
    padding: 0.75rem 0.65rem;
    border-top: none !important;
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(248, 247, 252, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
    border: 1px solid rgba(106, 93, 139, 0.14) !important;
}

.fin-cg-summary-rows__row--total .fin-cg-summary-rows__label,
.fin-cg-summary-rows__row--total .fin-cg-summary-rows__value {
    font-size: 0.9rem;
    font-weight: 800;
    color: #372A58;
}

.fin-cg-side-card .fin-cg-progress--compact,
.fin-cg-side-card__progress.fin-cg-progress--compact {
    height: 0.5rem;
    border-radius: 999px;
    background: rgba(106, 93, 139, 0.12);
}

@media (max-width: 1180px) {
    .fin-cg-detail-page .fin-cg-detail-layout {
        grid-template-columns: minmax(0, 1fr) 20rem;
    }
}

@media (max-width: 960px) {
    .fin-cg-detail-page .fin-cg-detail-layout {
        display: flex;
        flex-direction: column;
        gap: 0.85rem;
    }

    .fin-cg-detail-page .fin-cg-detail-layout__sidebar {
        order: -1;
    }

    .fin-cg-detail-page .fin-cg-side-card--summary {
        position: static;
    }
}

@media (max-width: 1100px) {
    .fin-cg-order-full--admin .fin-cg-order-full__facts-row,
    .fin-cg-order-full--admin.fin-cg-order-full--collapsible .fin-cg-order-full__facts-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [data-model-id="admin-finance-checkout-group-detail"] .fin-cg-admin-overview-grid .fin-cg-order-full--admin .fin-cg-order-full__facts-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .fin-cg-order-full--admin .fin-cg-order-full__facts-row,
    .fin-cg-order-full--admin.fin-cg-order-full--collapsible .fin-cg-order-full__facts-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .fin-cg-side-card__meta--rows .fin-cg-side-card__meta-row {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }
}

.fin-platform-settings-vat-card__toggle-row {
    margin-bottom: 0.35rem;
}

.fin-platform-settings-vat-reg-card__row {
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0;
    gap: 1rem;
}

.fin-platform-settings-vat-reg-card__hint,
.fin-platform-settings-vat-card__hint {
    margin: 0 0 0.75rem;
    line-height: 1.45;
}

.fin-platform-settings-dl--compact {
    margin: 0 0 0.65rem;
}

.fin-platform-settings-dl--compact dt {
    margin-top: 0.35rem;
}

.fin-platform-settings-dl--compact dt:first-child {
    margin-top: 0;
}

.fin-platform-settings-toggle-row {
    justify-content: inline-start;
    margin-bottom: 0.85rem;
}

.fin-platform-settings-form .fin-platform-settings-section-card > .finance-platform-settings-card__title,
.fin-platform-settings-form .fin-platform-settings-section-card > .fin-platform-settings-block__title {
    margin: 0 0 0.65rem;
}

.fin-platform-settings-save-bar {
    margin-top: 1.25rem;
    padding: 1rem 0 0.35rem;
    border-top: 1px solid rgba(106, 93, 139, 0.16);
    position: sticky;
    bottom: 0;
    z-index: 4;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 24%, #fff 100%);
    pointer-events: none;
}

.fin-platform-settings-save-bar__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem 1.25rem;
    padding: 0.65rem 0 0.35rem;
    pointer-events: auto;
}

.fin-platform-settings-save-bar__hint {
    margin: 0;
    max-width: 36rem;
    line-height: 1.45;
    font-size: 0.875rem;
    grid-column: 1;
    grid-row: 1;
}

.fin-platform-settings-save-bar__actions {
    margin-top: 0;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
}

[dir="rtl"] .fin-platform-settings-save-bar__inner {
    grid-template-columns: auto minmax(0, 1fr);
}

[dir="rtl"] .fin-platform-settings-save-bar__hint {
    grid-column: 2;
}

[dir="rtl"] .fin-platform-settings-save-bar__actions {
    grid-column: 1;
    justify-self: start;
}

.fin-platform-settings-save-bar__btn {
    min-width: 10.5rem;
    justify-content: center;
}

@media (max-width: 640px) {
    .fin-platform-settings-save-bar__inner {
        grid-template-columns: 1fr;
    }

    .fin-platform-settings-save-bar__hint,
    [dir="rtl"] .fin-platform-settings-save-bar__hint {
        grid-column: 1;
        grid-row: 1;
        max-width: none;
    }

    .fin-platform-settings-save-bar__actions,
    [dir="rtl"] .fin-platform-settings-save-bar__actions {
        grid-column: 1;
        grid-row: 2;
        justify-self: stretch;
    }

    .fin-platform-settings-save-bar__actions .finance-btn {
        width: 100%;
    }
}

.fin-payment-catalog-section__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 12px;
    margin-bottom: 10px;
}

.fin-payment-catalog-section__badges {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.55rem;
    margin-inline-start: auto;
}

.fin-payment-catalog-section__intro {
    margin: 0;
    flex: 1 1 16rem;
    max-width: 42rem;
    line-height: 1.5;
}

.fin-platform-settings-page .fin-payment-catalog-versions {
    margin-top: 0.85rem;
}

.fin-payment-catalog-versions__toolbar {
    margin-bottom: 0.85rem;
}

.fin-payment-catalog-versions__intro {
    margin: 0;
    max-width: 42rem;
    line-height: 1.5;
}

.fin-payment-catalog-versions__badge {
    flex-shrink: 0;
}

.fin-payment-catalog-versions__empty {
    margin: 0;
}

.fin-payment-catalog-versions__current-label {
    font-size: 0.85rem;
    margin-inline-start: 0.35rem;
}

.fin-payment-catalog-versions__row--selected td {
    background: rgba(106, 93, 139, 0.08);
}

.fin-payment-catalog-versions__cell-title {
    font-weight: 600;
}

.fin-payment-catalog-versions__cell-code {
    font-size: 0.85rem;
}

.fin-payment-catalog-version-detail {
    margin-top: 1rem;
}

.fin-payment-catalog-version-detail__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-bottom: 0.85rem;
}

.fin-payment-catalog-version-detail__meta {
    margin: 0;
    flex: 1 1 16rem;
    line-height: 1.45;
}

.fin-payment-catalog-version-detail__back {
    flex-shrink: 0;
}

@media (max-width: 640px) {
    .fin-payment-catalog-section__head {
        justify-content: stretch;
    }

    .fin-payment-catalog-section__badges {
        width: 100%;
        margin-inline-start: 0;
        justify-content: flex-start;
    }

    .fin-payment-catalog-versions__toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .fin-payment-catalog-versions__toolbar .fin-dash-filter-card__head-actions {
        justify-content: flex-start;
    }

    .fin-payment-catalog-version-detail__toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .fin-payment-catalog-version-detail__back {
        width: 100%;
        justify-content: center;
    }

    #fin-fee-catalog-versions-table .finance-table__actions .fin-v10-btn {
        width: 100%;
        justify-content: center;
    }
}

.fin-gw-fee-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.fin-gw-fee-table th {
    text-align: start;
    padding: 0.4rem 0.6rem;
    border-bottom: 2px solid #E1DFE8;
    color: #6A5D8B;
    font-weight: 700;
    white-space: nowrap;
}

.fin-gw-fee-table td {
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid #F0EDF5;
    vertical-align: middle;
}

.fin-gw-fee-table .fin-gw-for1000 {
    font-weight: 600;
    color: #372A58;
    white-space: nowrap;
}

.fin-gw-fee-table-wrap {
    overflow-x: auto;
    margin-top: 0.5rem;
}

.fin-gw-fee-table--readonly td:first-child {
    font-weight: 600;
}

/* Order management list */
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .fin-order-detail-tab__kpi-metrics {
    margin-bottom: 0;
}

.finance-order-mgmt-page .finance-order-mgmt-metrics.fin-dash-kpi-metrics.fin-order-detail-tab__kpi-metrics {
    padding-top: 0.4rem;
    gap: 1rem 0.85rem;
    margin-bottom: 0;
    /* Column count lives in finance-orders-list.css (5→2 / 4→2). Avoid auto-fill here —
       it packs skinny tiles before the page breakpoints can wrap to 2 columns. */
}

/* Keep hint copy inside the tile: flex/grid items default to min-width:auto,
   so a long Arabic line paints past the card when overflow is visible. */
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics .fin-dash-kpi-card-metric,
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics .finance-metric-card {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics .finance-metric-card__body {
    min-width: 0;
    max-width: 100%;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics .finance-metric-card__hint {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 0.45rem;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.4;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) a.fin-dash-kpi-card-metric--link {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) a.fin-dash-kpi-card-metric--link:hover,
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) a.fin-dash-kpi-card-metric--link:focus-visible {
    text-decoration: none;
    color: inherit;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics .fin-dash-kpi-card-metric.is-active {
    border-color: rgba(106, 93, 139, 0.55);
    box-shadow: 0 0 0 3px rgba(106, 93, 139, 0.12);
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics .finance-metric-card--alert.is-active,
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics .finance-metric-card--refunded.is-active {
    border-color: rgba(225, 29, 72, 0.45);
    box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.12);
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles.fin-order-detail-tab__kpi-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
    padding-top: 0.15rem;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric.finance-metric-card,
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card,
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles a.fin-dash-kpi-card-metric--link,
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles button.fin-dash-kpi-card-metric--btn {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    border: 1px solid #ece8f2;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(55, 42, 88, 0.04), 0 8px 20px rgba(55, 42, 88, 0.05);
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric.finance-metric-card--accent {
    background: #fff;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__body--stat {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 auto;
    width: 100%;
    box-sizing: border-box;
    gap: 0.55rem;
    /* No bottom padding — spark fill must reach the card edge (line stays inset via plot padBottom). */
    padding: 0.95rem 1rem 0 !important;
    min-height: 9.35rem;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__icon {
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 8px;
    background-color: #2563eb;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.15rem 1.15rem;
    flex: 0 0 auto;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__label,
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card--accent .finance-metric-card__label {
    position: static !important;
    top: auto !important;
    inset: auto !important;
    transform: none !important;
    padding: 0 !important;
    margin: 0;
    max-width: 100%;
    background: none !important;
    font-size: 0.86rem !important;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    color: #3f3358 !important;
    line-height: 1.35;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__bar,
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles.fin-order-detail-tab__kpi-metrics .finance-metric-card__bar {
    display: none !important;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__spark {
    display: block;
    /* margin-top:auto floats the chart to the card bottom in equal-height grid rows. */
    width: calc(100% + 2rem);
    max-width: none;
    height: 3.45rem;
    margin-top: auto !important;
    margin-inline: -1rem !important;
    margin-bottom: 0 !important;
    align-self: stretch;
    flex: 0 0 auto;
    color: #2563eb;
    overflow: hidden;
    padding-bottom: 0;
    /* Soft base tint so the card bottom stays colored even when the series is sparse. */
    background: linear-gradient(
        to top,
        color-mix(in srgb, currentColor 18%, transparent) 0%,
        color-mix(in srgb, currentColor 8%, transparent) 36%,
        color-mix(in srgb, currentColor 2.5%, transparent) 64%,
        transparent 92%
    );
    clip-path: inset(0 0 0 0);
    animation: fin-kpi-spark-rtl 0.95s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

:is([data-model-id="admin-finance-trace-log"], [data-model-id="admin-finance-order-mgmt"], [data-model-id="partner-finance-orders"], [data-model-id="admin-finance-customers"], [data-model-id="partner-finance-customers"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__spark--live {
    pointer-events: auto;
    cursor: crosshair;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(1) .finance-metric-card__spark { animation-delay: 0.04s; }
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(2) .finance-metric-card__spark { animation-delay: 0.1s; }
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(3) .finance-metric-card__spark { animation-delay: 0.16s; }
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(4) .finance-metric-card__spark { animation-delay: 0.22s; }
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(5) .finance-metric-card__spark { animation-delay: 0.28s; }
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(6) .finance-metric-card__spark { animation-delay: 0.34s; }
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(7) .finance-metric-card__spark { animation-delay: 0.4s; }
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(8) .finance-metric-card__spark { animation-delay: 0.46s; }
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(n+9) .finance-metric-card__spark { animation-delay: 0.52s; }

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__spark-line {
    fill: none;
    stroke: currentColor;
    /* Screen-pixel stroke — without this, preserveAspectRatio:none fattens steep peaks. */
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    /* Soft halo so rounded peaks read cleaner on white cards. */
    filter: drop-shadow(0 1px 1.5px color-mix(in srgb, currentColor 32%, transparent));
    /* Real series paths are often longer than a fixed dash — clip-path handles the reveal. */
    stroke-dasharray: none;
    stroke-dashoffset: 0;
}

/* Live series: keep the full path drawn; the SVG clip-path animation reveals L→R / R→L. */
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__spark--live .finance-metric-card__spark-line {
    stroke-dasharray: none;
    stroke-dashoffset: 0;
    animation: none;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__spark-fill {
    fill: currentColor;
    opacity: 0.16;
    /* Soft wash under the taller curve. */
    filter: blur(0.35px);
    animation: fin-kpi-spark-fill-rtl 0.95s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

/* Mobile: skip clip reveal — it can leave the first RTL tile (إجمالي الطلبات) half-drawn. */
@media (max-width: 640px) {
    :is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__spark,
    :is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__spark-fill {
        animation: none !important;
        clip-path: none !important;
    }

    :is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__spark-fill {
        opacity: 0.16 !important;
    }
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(1) .finance-metric-card__spark-fill { animation-delay: 0.04s; }
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(2) .finance-metric-card__spark-fill { animation-delay: 0.1s; }
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(3) .finance-metric-card__spark-fill { animation-delay: 0.16s; }
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(4) .finance-metric-card__spark-fill { animation-delay: 0.22s; }
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(5) .finance-metric-card__spark-fill { animation-delay: 0.28s; }
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(6) .finance-metric-card__spark-fill { animation-delay: 0.34s; }
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(7) .finance-metric-card__spark-fill { animation-delay: 0.4s; }
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(8) .finance-metric-card__spark-fill { animation-delay: 0.46s; }
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric:nth-child(n+9) .finance-metric-card__spark-fill { animation-delay: 0.52s; }

@keyframes fin-kpi-spark-rtl {
    from { clip-path: inset(0 0 0 100%); }
    to { clip-path: inset(0 0 0 0); }
}

@keyframes fin-kpi-spark-fill-rtl {
    from { opacity: 0; }
    to { opacity: 0.16; }
}

@media (prefers-reduced-motion: reduce) {
    :is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__spark,
    :is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__spark-fill {
        animation: none;
        clip-path: none;
    }

    :is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__spark-fill {
        opacity: 0.12;
    }

    :is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__spark-line {
        stroke-dasharray: none;
        stroke-dashoffset: 0;
        opacity: 1;
    }
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__stat-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.55rem;
    width: 100%;
    margin-top: auto;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__value,
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__value.finance-cell-amount {
    margin: 0 !important;
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    color: #1f1633;
    width: auto !important;
    flex: 0 1 auto;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__hint {
    display: none;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__delta {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    min-height: 1.45rem;
    padding: 0.18rem 0.45rem;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.01em;
    white-space: nowrap;
    line-height: 1;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__delta--down {
    color: #dc2626;
    background: #fee2e2;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__delta--up {
    color: #15803d;
    background: #dcfce7;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__delta--flat {
    color: #6b7280;
    background: #f3f4f6;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--total .finance-metric-card__icon {
    background-color: #2563eb;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E");
}
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--total .finance-metric-card__spark {
    color: #2563eb;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--gross .finance-metric-card__icon {
    background-color: #f59e0b;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='20' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M6 12h.01M18 12h.01'/%3E%3C/svg%3E");
}
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--gross .finance-metric-card__spark {
    color: #f59e0b;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--awaiting .finance-metric-card__icon {
    background-color: #d97706;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
}
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--awaiting .finance-metric-card__spark {
    color: #d97706;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--hold .finance-metric-card__icon {
    background-color: #6d28d9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l3 2'/%3E%3C/svg%3E");
}
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--hold .finance-metric-card__spark {
    color: #6d28d9;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--commission .finance-metric-card__icon {
    background-color: #16a34a;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--commission .finance-metric-card__spark {
    color: #16a34a;
}

/* Partner / external / paused tiles (Buy Units: موقوف، من خارج المنصة) */
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--partner .finance-metric-card__icon {
    background-color: #3b82f6;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");
}
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--partner .finance-metric-card__spark {
    color: #3b82f6;
}

/* Escrow-in / rented tiles (Buy Units: مؤجَّر) */
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--escrow-in .finance-metric-card__icon {
    background-color: #2563eb;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
}
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--escrow-in .finance-metric-card__spark {
    color: #2563eb;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--escrow-out .finance-metric-card__icon {
    background-color: #0891b2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--escrow-out .finance-metric-card__spark {
    color: #0891b2;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--refunded .finance-metric-card__icon {
    background-color: #e11d48;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E");
}
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--refunded .finance-metric-card__spark {
    color: #e11d48;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--returns .finance-metric-card__icon {
    background-color: #c2410c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14 4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 0 11H11'/%3E%3C/svg%3E");
}
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--returns .finance-metric-card__spark {
    color: #c2410c;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--escrow-held .finance-metric-card__icon {
    background-color: #0d9488;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--escrow-held .finance-metric-card__spark {
    color: #0d9488;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--cancelled .finance-metric-card__icon {
    background-color: #dc2626;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m9.5 9.5 5 5M14.5 9.5l-5 5'/%3E%3C/svg%3E");
}
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--cancelled .finance-metric-card__spark {
    color: #dc2626;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--shipped .finance-metric-card__icon {
    background-color: #06b6d4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E");
}
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--shipped .finance-metric-card__spark {
    color: #06b6d4;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--delivery .finance-metric-card__icon {
    background-color: #0d9488;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' x2='5' y1='5' y2='19'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'/%3E%3C/svg%3E");
}
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .fin-dash-kpi-card-metric--delivery .finance-metric-card__spark {
    color: #0d9488;
}

@media (max-width: 1100px) {
    :is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles.fin-order-detail-tab__kpi-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    :is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles.fin-order-detail-tab__kpi-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    :is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles.fin-order-detail-tab__kpi-metrics {
        grid-template-columns: 1fr;
    }
}

.finance-order-mgmt-page .finance-order-mgmt-metric {
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.finance-order-mgmt-page .finance-order-mgmt-metric:hover {
    box-shadow: 0 8px 22px rgba(55, 42, 88, 0.08);
    transform: translateY(-1px);
}

.finance-order-mgmt-page .finance-order-mgmt-metric .finance-metric-card__bar {
    height: 4px;
}

.finance-order-mgmt-page .finance-order-mgmt-metric--total .finance-metric-card__bar {
    background: linear-gradient(90deg, #6A5D8B, #534ab7);
}

.finance-order-mgmt-page .finance-order-mgmt-metric--total.finance-metric-card--accent {
    border-color: rgba(106, 93, 139, 0.28);
    background: linear-gradient(145deg, rgba(248, 247, 252, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.finance-order-mgmt-page .finance-order-mgmt-metric--gross .finance-metric-card__bar {
    background: linear-gradient(90deg, #047857, #10b981);
}

.finance-order-mgmt-page .finance-order-mgmt-metric--awaiting .finance-metric-card__bar {
    background: linear-gradient(90deg, #b45309, #f59e0b);
}

.finance-order-mgmt-page .finance-order-mgmt-metric--hold .finance-metric-card__bar {
    background: linear-gradient(90deg, #1d4ed8, #3b82f6);
}

/* Shared dashboard KPI cards (fin-dash-kpi-card-metric) */
.finance-order-mgmt-page .fin-dash-kpi-card-metric,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-card-metric {
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.finance-order-mgmt-page .fin-dash-kpi-card-metric:hover,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-card-metric:hover {
    box-shadow: 0 8px 22px rgba(55, 42, 88, 0.08);
    transform: translateY(-1px);
}

.finance-order-mgmt-page .fin-dash-kpi-metrics:not(.fin-order-detail-tab__kpi-metrics) .fin-dash-kpi-card-metric .finance-metric-card__bar,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-metrics:not(.fin-order-detail-tab__kpi-metrics) .fin-dash-kpi-card-metric .finance-metric-card__bar {
    display: block;
    height: 4px;
}

.finance-order-mgmt-page .fin-dash-kpi-card-metric--total .finance-metric-card__bar,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-card-metric--total .finance-metric-card__bar {
    background: linear-gradient(90deg, #6A5D8B, #534ab7);
}

.finance-order-mgmt-page .fin-dash-kpi-card-metric--total.finance-metric-card--accent,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-card-metric--total.finance-metric-card--accent {
    border-color: rgba(106, 93, 139, 0.28);
    background: linear-gradient(145deg, rgba(248, 247, 252, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.finance-order-mgmt-page .fin-dash-kpi-card-metric--gross .finance-metric-card__bar,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-card-metric--gross .finance-metric-card__bar {
    background: linear-gradient(90deg, #047857, #10b981);
}

.finance-order-mgmt-page .fin-dash-kpi-card-metric--awaiting .finance-metric-card__bar,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-card-metric--awaiting .finance-metric-card__bar {
    background: linear-gradient(90deg, #b45309, #f59e0b);
}

.finance-order-mgmt-page .fin-dash-kpi-card-metric--hold .finance-metric-card__bar,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-card-metric--hold .finance-metric-card__bar,
.finance-order-mgmt-page .fin-dash-kpi-card-metric--escrow-held .finance-metric-card__bar,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-card-metric--escrow-held .finance-metric-card__bar {
    background: linear-gradient(90deg, #1d4ed8, #3b82f6);
}

.finance-order-mgmt-page .fin-dash-kpi-card-metric--commission .finance-metric-card__bar,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-card-metric--commission .finance-metric-card__bar {
    background: linear-gradient(90deg, #7c3aed, #a78bfa);
}

.finance-order-mgmt-page .fin-dash-kpi-card-metric--partner .finance-metric-card__bar,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-card-metric--partner .finance-metric-card__bar {
    background: linear-gradient(90deg, #0f766e, #14b8a6);
}

.finance-order-mgmt-page .fin-dash-kpi-card-metric--escrow-in .finance-metric-card__bar,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-card-metric--escrow-in .finance-metric-card__bar {
    background: linear-gradient(90deg, #047857, #10b981);
}

.finance-order-mgmt-page .fin-dash-kpi-card-metric--escrow-out .finance-metric-card__bar,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-card-metric--escrow-out .finance-metric-card__bar {
    background: linear-gradient(90deg, #b45309, #f59e0b);
}

.finance-order-mgmt-page .fin-dash-kpi-card-metric--refunded .finance-metric-card__bar,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-card-metric--refunded .finance-metric-card__bar {
    background: linear-gradient(90deg, #9f1239, #e11d48);
}

.finance-order-mgmt-page .fin-dash-kpi-card-metric--settle-ready .finance-metric-card__bar,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-card-metric--settle-ready .finance-metric-card__bar {
    background: linear-gradient(90deg, #047857, #10b981);
}

.finance-order-mgmt-page .finance-metric-card--refunded.finance-metric-card--accent,
.admin-finance-order-detail.finance-order-mgmt-page .finance-metric-card--refunded.finance-metric-card--accent {
    border-color: rgba(225, 29, 72, 0.28);
    background: linear-gradient(145deg, rgba(255, 241, 242, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.finance-order-mgmt-page .finance-metric-card--settle-ready.finance-metric-card--accent,
.admin-finance-order-detail.finance-order-mgmt-page .finance-metric-card--settle-ready.finance-metric-card--accent {
    border-color: rgba(16, 185, 129, 0.32);
    background: linear-gradient(145deg, rgba(236, 253, 245, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.finance-order-mgmt-page .finance-metric-card--refunded .finance-metric-card__value,
.admin-finance-order-detail.finance-order-mgmt-page .finance-metric-card--refunded .finance-metric-card__value {
    color: #9f1239;
}

.finance-order-mgmt-page .finance-metric-card--settle-ready .finance-metric-card__value,
.admin-finance-order-detail.finance-order-mgmt-page .finance-metric-card--settle-ready .finance-metric-card__value {
    color: #047857;
}

.admin-finance-order-detail.finance-order-mgmt-page .fin-order-detail-tab__kpi-metrics .fin-dash-kpi-card-metric .finance-metric-card__bar {
    display: none;
    height: 0;
    min-height: 0;
    background: none;
    border: 0;
}

.finance-order-mgmt-page .fin-dash-kpi-metrics .fin-dash-kpi-card-metric .finance-metric-card__body,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-metrics .fin-dash-kpi-card-metric .finance-metric-card__body {
    position: relative;
    padding: 1.05rem 0.85rem 0.85rem;
}

.finance-order-mgmt-page .fin-dash-kpi-metrics .fin-dash-kpi-card-metric .finance-metric-card__label,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-metrics .fin-dash-kpi-card-metric .finance-metric-card__label {
    position: absolute;
    top: 0;
    inset-inline-start: 0.7rem;
    transform: translateY(-50%);
    padding: 0 0.35rem;
    background: #fff;
    font-size: 0.74rem;
    font-weight: 700;
    color: rgba(55, 42, 88, 0.78);
    line-height: 1.25;
    max-width: calc(100% - 1.25rem);
    z-index: 1;
}

.finance-order-mgmt-page .fin-dash-kpi-metrics .fin-dash-kpi-card-metric .finance-metric-card__value:not(.finance-cell-amount),
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-metrics .fin-dash-kpi-card-metric .finance-metric-card__value:not(.finance-cell-amount) {
    font-family: "IBM Plex Sans Arabic", Helvetica, Arial, sans-serif;
    font-size: 1.35rem;
    font-weight: 600;
}

.finance-order-mgmt-page .fin-dash-kpi-metrics .fin-dash-kpi-card-metric .finance-metric-card__hint,
.admin-finance-order-detail.finance-order-mgmt-page .fin-dash-kpi-metrics .fin-dash-kpi-card-metric .finance-metric-card__hint {
    margin-top: 0.45rem;
    font-size: 0.78rem;
    line-height: 1.4;
}

.finance-order-mgmt-page .finance-order-mgmt-metrics:not(.fin-order-detail-tab__kpi-metrics) .finance-metric-card__body {
    padding: 1.05rem 1.2rem;
}

.finance-order-mgmt-page .finance-order-mgmt-metrics:not(.fin-order-detail-tab__kpi-metrics) .finance-metric-card__label {
    margin-bottom: 0.15rem;
}

.finance-order-mgmt-page .finance-order-mgmt-metrics:not(.fin-order-detail-tab__kpi-metrics) .finance-metric-card__value:not(.finance-cell-amount) {
    margin-top: 0.35rem;
}

.finance-order-mgmt-page .finance-order-mgmt-metrics:not(.fin-order-detail-tab__kpi-metrics) .finance-metric-card__hint {
    margin-top: 0.4rem;
}

/* Order mgmt + wallets KPI tiles — same lavender accent on all cards + value alignment */
[data-model-id="admin-finance-order-mgmt"] .fin-dash-kpi-metrics .finance-metric-card,
[data-model-id="admin-finance-wallets"] .fin-dash-kpi-metrics .finance-metric-card,
[data-model-id="admin-finance-checkout-group-detail"] .fin-dash-kpi-metrics .finance-metric-card,
.finance-order-mgmt-page.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card {
    border-color: rgba(106, 93, 139, 0.28) !important;
    background: linear-gradient(145deg, rgba(248, 247, 252, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%) !important;
    box-shadow: none !important;
}

[data-model-id="admin-finance-wallets"] .fin-dash-kpi-metrics .finance-metric-card__label,
[data-model-id="admin-finance-checkout-group-detail"] .fin-dash-kpi-metrics .finance-metric-card__label {
    background: #fff !important;
}

:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card__label,
:is([data-model-id="admin-finance-order-mgmt"], [data-model-id="client-finance-order-detail"], [data-model-id="partner-finance-orders"], [data-model-id="partner-finance-customers"], [data-model-id="admin-finance-customers"], [data-model-id="admin-finance-trace-log"], [data-model-id="admin-buy-units"], [data-model-id="partner-buy-units"], [data-model-id="client-buy-units"], [data-model-id="partner-svc-portfolios"], [data-model-id="admin-ad-license-purchases"], [data-model-id="admin-svc-blueprint-list"], [data-model-id="admin-retail-products"], [data-model-id="partner-retail-settings"], [data-model-id="partner-retail-overview"], [data-model-id="partner-retail-products"], [data-model-id="partner-retail-warehouses"], [data-model-id="partner-retail-categories"], [data-model-id="partner-retail-inventory"], [data-model-id="partner-finance-shipping"], [data-model-id="partner-finance-statistics"]) .finance-order-mgmt-metrics--tiles .finance-metric-card--accent .finance-metric-card__label,
.finance-order-mgmt-page.finance-dashboard-page .finance-order-mgmt-metrics--tiles .finance-metric-card__label {
    background: transparent !important;
    background-color: transparent !important;
}

/* Count KPI values — same as Finance Dashboard (natural RTL flow, no forced text-align) */
[data-model-id="admin-finance-order-mgmt"] .fin-dash-kpi-metrics .finance-metric-card__value:not(.finance-cell-amount),
[data-model-id="admin-finance-wallets"] .fin-dash-kpi-metrics .finance-metric-card__value:not(.finance-cell-amount),
.finance-order-mgmt-page.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value:not(.finance-cell-amount) {
    margin-top: 0.15rem;
}

[data-model-id="admin-finance-order-mgmt"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount,
[data-model-id="admin-finance-wallets"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount,
[data-model-id="partner-finance-order-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount,
[data-model-id="client-finance-order-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount,
:is([data-model-id="partner-finance-payout-detail"], [data-model-id="client-finance-payout-detail"]) :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount,
.finance-order-mgmt-page.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount {
    margin-top: 0.15rem;
}

/* Arabic gross KPI — ﷼ then digits, block on physical right */
[dir="rtl"] [data-model-id="admin-finance-order-mgmt"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount,
[dir="rtl"][data-model-id="admin-finance-order-mgmt"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount,
[dir="rtl"] [data-model-id="admin-finance-wallets"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount,
[dir="rtl"][data-model-id="partner-finance-order-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount,
[dir="rtl"][data-model-id="client-finance-order-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount,
[dir="rtl"][data-model-id="partner-finance-payout-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount,
[dir="rtl"][data-model-id="client-finance-payout-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount,
[dir="rtl"] .finance-order-mgmt-page.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount,
/* Page-scoped: survive Quasar flipping html/body dir after settle Swal */
.admin-finance-order-detail[dir="rtl"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount,
[data-model-id="admin-finance-checkout-group-detail"][dir="rtl"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount {
    display: flex !important;
    direction: ltr !important;
    justify-content: flex-end !important;
    width: 100%;
    unicode-bidi: isolate;
}

[dir="rtl"] [data-model-id="admin-finance-order-mgmt"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--symbol-first,
[dir="rtl"] [data-model-id="admin-finance-order-mgmt"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .fin-currency-amount--symbol-first,
[dir="rtl"] [data-model-id="partner-finance-order-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--symbol-first,
[dir="rtl"] [data-model-id="partner-finance-order-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount .fin-currency-amount--symbol-first,
[dir="rtl"] [data-model-id="client-finance-order-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--symbol-first,
[dir="rtl"] [data-model-id="client-finance-order-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount .fin-currency-amount--symbol-first,
[dir="rtl"] [data-model-id="partner-finance-payout-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--symbol-first,
[dir="rtl"] [data-model-id="partner-finance-payout-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount .fin-currency-amount--symbol-first,
[dir="rtl"] [data-model-id="client-finance-payout-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--symbol-first,
[dir="rtl"] [data-model-id="client-finance-payout-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount .fin-currency-amount--symbol-first,
[dir="rtl"] [data-model-id="admin-finance-wallets"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--symbol-first,
[dir="rtl"] [data-model-id="admin-finance-wallets"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .fin-currency-amount--symbol-first,
[dir="rtl"] .finance-order-mgmt-page.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--symbol-first,
[dir="rtl"] .finance-order-mgmt-page.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .fin-currency-amount--symbol-first,
.admin-finance-order-detail[dir="rtl"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--symbol-first,
.admin-finance-order-detail[dir="rtl"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .fin-currency-amount--symbol-first,
[data-model-id="admin-finance-checkout-group-detail"][dir="rtl"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--symbol-first,
[data-model-id="admin-finance-checkout-group-detail"][dir="rtl"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .fin-currency-amount--symbol-first {
    width: auto !important;
    max-width: 100%;
    flex: 0 0 auto;
    direction: ltr !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
}

/* English gross KPI — amount then symbol, natural start align (matches Finance Dashboard) */
[dir="ltr"] [data-model-id="admin-finance-order-mgmt"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount,
[dir="ltr"][data-model-id="admin-finance-order-mgmt"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount,
[dir="ltr"] [data-model-id="admin-finance-wallets"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount,
[dir="ltr"][data-model-id="partner-finance-order-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount,
[dir="ltr"][data-model-id="client-finance-order-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount,
[dir="ltr"] .finance-order-mgmt-page.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount {
    display: block !important;
    direction: ltr !important;
    text-align: start !important;
    width: 100%;
    unicode-bidi: isolate;
}

[dir="ltr"] [data-model-id="admin-finance-order-mgmt"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--ltr,
[dir="ltr"][data-model-id="admin-finance-order-mgmt"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--ltr,
[dir="ltr"] [data-model-id="admin-finance-order-mgmt"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .fin-currency-amount:not(.fin-currency-amount--symbol-first),
[dir="ltr"][data-model-id="admin-finance-order-mgmt"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .fin-currency-amount:not(.fin-currency-amount--symbol-first),
[dir="ltr"][data-model-id="partner-finance-order-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--ltr,
[dir="ltr"][data-model-id="partner-finance-order-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount .fin-currency-amount:not(.fin-currency-amount--symbol-first),
[dir="ltr"][data-model-id="client-finance-order-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--ltr,
[dir="ltr"][data-model-id="client-finance-order-detail"] :is(.fin-dash-kpi-metrics, .fin-order-detail-tab__kpi-metrics) .finance-metric-card__value.finance-cell-amount .fin-currency-amount:not(.fin-currency-amount--symbol-first),
[dir="ltr"] [data-model-id="admin-finance-wallets"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--ltr,
[dir="ltr"] [data-model-id="admin-finance-wallets"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .fin-currency-amount:not(.fin-currency-amount--symbol-first),
[dir="ltr"] .finance-order-mgmt-page.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--ltr,
[dir="ltr"] .finance-order-mgmt-page.finance-dashboard-page .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .fin-currency-amount:not(.fin-currency-amount--symbol-first) {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100%;
    direction: ltr !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
}

/* Keep Arabic order-detail KPI amounts right-aligned even if Quasar flips html dir to ltr */
.admin-finance-order-detail[dir="rtl"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount,
[data-model-id="admin-finance-checkout-group-detail"][dir="rtl"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount {
    display: flex !important;
    direction: ltr !important;
    justify-content: flex-end !important;
    text-align: end !important;
    width: 100%;
    unicode-bidi: isolate;
}

.admin-finance-order-detail[dir="rtl"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--symbol-first,
.admin-finance-order-detail[dir="rtl"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .fin-currency-amount--symbol-first,
[data-model-id="admin-finance-checkout-group-detail"][dir="rtl"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .partner-finance-sar-row--symbol-first,
[data-model-id="admin-finance-checkout-group-detail"][dir="rtl"] .fin-dash-kpi-metrics .finance-metric-card__value.finance-cell-amount .fin-currency-amount--symbol-first {
    width: auto !important;
    max-width: 100%;
    flex: 0 0 auto;
    direction: ltr !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
}

.finance-order-mgmt-page .fin-dash-kpi-metrics:not(.fin-order-detail-tab__kpi-metrics) .finance-metric-card__body {
    padding: 1.05rem 0.85rem 0.85rem;
}

.finance-order-mgmt-page .fin-dash-kpi-metrics:not(.fin-order-detail-tab__kpi-metrics) .finance-metric-card__label {
    margin-bottom: 0;
}

.finance-order-mgmt-page .fin-dash-filter-card {
    margin-top: 0;
}

.finance-order-mgmt-page .fin-dash-filter-card__head {
    align-items: center;
}

.finance-order-mgmt-page .fin-dash-filter-card__head .fin-order-mgmt-filter-summary {
    margin-inline-end: 0;
}

.finance-order-mgmt-page .fin-ord-filters--dash {
    margin-bottom: 0;
    align-items: flex-end;
}

.finance-order-mgmt-page .fin-ord-filters--dash .fin-ord-filter-group--category,
.finance-order-mgmt-page .fin-ord-filters--dash .fin-ord-filter-group--status,
.finance-order-mgmt-page .fin-ord-filters--dash .fin-ord-filter-group--escrow,
.finance-order-mgmt-page .fin-ord-filters--dash .fin-ord-filter-group--pay {
    flex: 0 1 11.5rem;
    min-width: 9.5rem;
    max-width: 13rem;
}

.finance-order-mgmt-page .fin-ord-filters--dash .fin-ord-filter-group--buyer {
    flex: 0 1 12.5rem;
    min-width: 10rem;
    max-width: 14rem;
}

.finance-order-mgmt-page .fin-ord-filters--dash .fin-ord-filter-group--search {
    flex: 0 1 14rem;
    min-width: 11rem;
    max-width: 16rem;
}

.finance-order-mgmt-page .fin-ord-filters--dash .fin-ord-filter-select,
.finance-order-mgmt-page .fin-ord-filters--dash .fin-ord-filter-input,
.finance-order-mgmt-page .fin-ord-filters--dash .fin-ord-filter-select-wrap,
.finance-order-mgmt-page .fin-ord-filters--dash .retail-shop-filter-select-wrap {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.finance-order-mgmt-page .fin-ord-filters--dash .fin-ord-filter-btn {
    flex: 0 0 auto;
}

@media (max-width: 900px) {
    .finance-order-mgmt-page .fin-ord-filters--dash .fin-ord-filter-group--category,
    .finance-order-mgmt-page .fin-ord-filters--dash .fin-ord-filter-group--status,
    .finance-order-mgmt-page .fin-ord-filters--dash .fin-ord-filter-group--escrow,
    .finance-order-mgmt-page .fin-ord-filters--dash .fin-ord-filter-group--pay,
    .finance-order-mgmt-page .fin-ord-filters--dash .fin-ord-filter-group--buyer,
    .finance-order-mgmt-page .fin-ord-filters--dash .fin-ord-filter-group--search {
        flex: 1 1 calc(50% - 0.75rem);
        max-width: none;
    }
}

.finance-order-mgmt-page .fin-ord-table--admin th,
.finance-order-mgmt-page .fin-ord-table--admin td,
.finance-order-mgmt-page .fin-cg-table th,
.finance-order-mgmt-page .fin-cg-table td {
    padding-inline: 1.15rem;
    border-left: none;
    border-right: none;
}

.finance-order-mgmt-page .fin-ord-table--admin .fin-ord-detail-btn {
    white-space: nowrap;
}

.finance-order-mgmt-page .fin-ord-table--all-modules,
.finance-order-mgmt-page .fin-ord-table--admin.fin-ord-table--actions-end {
    min-width: 72rem;
}

.finance-order-mgmt-page .fin-ord-table--all-modules th:nth-child(4),
.finance-order-mgmt-page .fin-ord-table--all-modules td:nth-child(4),
.finance-order-mgmt-page .fin-ord-table--all-modules th:nth-child(6),
.finance-order-mgmt-page .fin-ord-table--all-modules td:nth-child(6),
.finance-order-mgmt-page .fin-ord-table--all-modules th:nth-child(7),
.finance-order-mgmt-page .fin-ord-table--all-modules td:nth-child(7),
.finance-order-mgmt-page .fin-ord-table--admin.fin-ord-table--actions-end th:nth-child(4),
.finance-order-mgmt-page .fin-ord-table--admin.fin-ord-table--actions-end td:nth-child(4),
.finance-order-mgmt-page .fin-ord-table--admin.fin-ord-table--actions-end th:nth-child(6),
.finance-order-mgmt-page .fin-ord-table--admin.fin-ord-table--actions-end td:nth-child(6),
.finance-order-mgmt-page .fin-ord-table--admin.fin-ord-table--actions-end th:nth-child(7),
.finance-order-mgmt-page .fin-ord-table--admin.fin-ord-table--actions-end td:nth-child(7) {
    min-width: 7.5rem;
}

/* Sortable headers — filter icon beside column title */
.finance-order-mgmt-page .fin-ord-table thead th.fin-ord-sortable,
.finance-order-mgmt-page .fin-cg-table thead th.fin-ord-sortable,
.finance-order-mgmt-page .fin-cg-orders-table thead th.fin-ord-sortable {
    padding: 0;
    vertical-align: middle;
    text-align: center;
}

.finance-order-mgmt-page .fin-ord-table thead th.fin-ord-sortable:hover,
.finance-order-mgmt-page .fin-cg-table thead th.fin-ord-sortable:hover,
.finance-order-mgmt-page .fin-cg-orders-table thead th.fin-ord-sortable:hover,
.fin-cg-detail-page .fin-ord-table thead th.fin-ord-sortable:hover,
.fin-cg-detail-page .fin-cg-orders-table thead th.fin-ord-sortable:hover {
    background: #f8f6fc;
}

.finance-order-mgmt-page .fin-ord-table:not(.fin-cg-orders-table) thead th.fin-ord-sortable:hover,
.fin-cg-detail-page .fin-ord-table:not(.fin-cg-orders-table) thead th.fin-ord-sortable:hover {
    background: #F8F7FB;
}

.finance-order-mgmt-page .fin-ord-sortable-inner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    padding: 0.65rem 0.75rem;
    width: auto;
    max-width: calc(100% - 0.5rem);
    min-height: 100%;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.finance-order-mgmt-page .fin-ord-sortable-label {
    line-height: 1.25;
    flex: 0 1 auto;
}

.finance-order-mgmt-page .fin-ord-sortable-inner .fin-ord-sort-icon {
    margin: 0 !important;
    margin-inline-start: 0 !important;
    vertical-align: middle;
    flex: 0 0 auto;
    width: 11px;
    height: 11px;
    opacity: 0.7;
}

.finance-order-mgmt-page th.fin-ord-sortable:hover .fin-ord-sortable-inner,
.finance-order-mgmt-page th.fin-ord-sortable.fin-ord-sortable--active .fin-ord-sortable-inner {
    background: #EDEAF2;
    border-radius: 6px;
}

.finance-order-mgmt-page th.fin-ord-sortable.fin-ord-sortable--active .fin-ord-sort-icon {
    opacity: 1;
    color: #6A5D8B;
}

.finance-order-mgmt-page .fin-ord-mgmt-profile-link {
    font-weight: 700;
    color: #6A5D8B;
    text-decoration: none;
}

.finance-order-mgmt-page .fin-ord-mgmt-profile-link:hover {
    text-decoration: underline;
}

/* Referral contract modal – code generate button */
.fin-referral-field__control--code {
    padding-inline-end: 0.3rem;
    gap: 0.4rem;
}

.fin-referral-code-generate {
    flex: 0 0 auto;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    height: 2rem;
    padding: 0 0.7rem;
    line-height: 1;
    border: 1px solid rgba(106, 93, 139, 0.22);
    border-radius: 8px;
    background: rgba(106, 93, 139, 0.08);
    color: var(--fin-brand, #6A5D8B);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.fin-referral-code-generate:hover {
    background: rgba(106, 93, 139, 0.16);
    border-color: rgba(106, 93, 139, 0.4);
}

.fin-referral-code-generate svg {
    flex: 0 0 auto;
}

/* Subject type toggle (Partner / Client) — a clear segmented control, not a quiet chip pair.
   Each half fills the track 50/50; the active half is solid brand with white text so the
   chosen subject is unmistakable (it previously read as client-only). */
.fin-referral-subject-toggle {
    display: flex;
    gap: 0;
    margin-bottom: 14px;
    padding: 4px;
    background: #F4F2FA;
    border: 1px solid #E1DFE8;
    border-radius: 12px;
    width: 100%;
    max-width: 360px;
}

.fin-referral-subject-toggle__option {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 600;
    color: #6B6580;
    padding: 8px 14px;
    border: 1.5px solid transparent;
    border-radius: 9px;
    transition: color 0.15s, background 0.15s, box-shadow 0.15s;
    user-select: none;
    text-align: center;
}

.fin-referral-subject-toggle__option input[type="radio"] {
    display: none;
}

.fin-referral-subject-toggle__option:hover:not(:has(input:checked)) {
    color: #372A58;
}

.fin-referral-subject-toggle__option:has(input:checked) {
    background: #6A5D8B;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(55, 42, 88, 0.25);
}

.fin-referral-subject-toggle[data-readonly] {
    opacity: 0.7;
}

.fin-referral-subject-toggle[data-readonly] .fin-referral-subject-toggle__option {
    cursor: default;
    pointer-events: none;
}

/* =====================================================================
   Referral modal — Quick Wins (append-only, no existing rules touched)
   Scope: 3.1 commission hint, 3.4 unlimited checkbox, 4.1 required mark,
          5.1 brand color, 1.1 visual-only progress strip.
   Colors reuse the project's existing token scale (same pattern as
   partner-add-units.css / aq-journey.css / financial.css) — no new hex.
   ===================================================================== */
.fin-referral-create-modal {
    --fin-brand: var(--Primary-500, #6A5D8B);
    --fin-brand-strong: var(--Primary-600, #372A58);
    --fin-text: var(--Primary-600, #372A58);
    --fin-danger: var(--fin-m-danger, #dc2626);
}

/* 5.1 — Brand: inputs 0.5px border, 8px radius, purple focus ring */
.fin-referral-create-modal .fin-referral-field__control,
.fin-referral-create-modal .fin-entity-lookup__control {
    border-width: 0.5px;
    border-radius: 8px;
}

.fin-referral-create-modal .fin-referral-field__control:focus-within,
.fin-referral-create-modal .fin-entity-lookup__control:focus-within {
    border-color: var(--fin-brand);
    box-shadow: 0 0 0 3px rgba(106, 93, 139, 0.18);
}

/* 5.1 — Brand: primary CTA solid purple */
.fin-referral-create-modal .finance-btn--primary,
.fin-referral-create-modal .fin-referral-create-form__submit {
    background: var(--fin-brand) !important;
    border-color: var(--fin-brand) !important;
    box-shadow: 0 6px 18px rgba(106, 93, 139, 0.28);
}

.fin-referral-create-modal .finance-btn--primary:hover:not(:disabled),
.fin-referral-create-modal .fin-referral-create-form__submit:hover:not(:disabled) {
    background: var(--fin-brand-strong) !important;
    border-color: var(--fin-brand-strong) !important;
}

/* 4.1 — Required field asterisk */
.fin-referral-field__label--required::before {
    content: "*";
    margin-inline-end: 0.25rem;
    color: var(--fin-danger);
    font-weight: 700;
}

/* 3.1 — Live commission hint */
.fin-referral-commission-hint {
    color: rgba(55, 42, 88, 0.6);
}

.fin-referral-commission-hint__value {
    color: var(--fin-brand);
    font-weight: 700;
}

/* 3.4 — Unlimited max-usage checkbox */
.fin-referral-unlimited {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.45rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--fin-text);
    cursor: pointer;
    user-select: none;
}

.fin-referral-unlimited__input {
    width: 1rem;
    height: 1rem;
    accent-color: var(--fin-brand);
    cursor: pointer;
}

.fin-referral-create-modal .fin-referral-field__input:disabled {
    background: rgba(106, 93, 139, 0.06);
    color: rgba(55, 42, 88, 0.4);
    cursor: not-allowed;
}

/* 1.1 — Visual-only progress strip (no wizard logic) */
.fin-referral-steps {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
    margin: 0;
    padding: 0.75rem 1.25rem;
    list-style: none;
    background: #fff;
    border-bottom: 1px solid rgba(106, 93, 139, 0.12);
}

.fin-referral-steps__item {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: rgba(55, 42, 88, 0.45);
}

.fin-referral-steps__item:not(:last-child)::after {
    content: "";
    width: 1.5rem;
    height: 1px;
    margin-inline: 0.25rem;
    background: rgba(106, 93, 139, 0.25);
}

.fin-referral-steps__dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background: rgba(106, 93, 139, 0.12);
    color: rgba(55, 42, 88, 0.55);
    font-size: 0.72rem;
    font-weight: 700;
}

.fin-referral-steps__item--active {
    color: var(--fin-brand);
}

.fin-referral-steps__item--active .fin-referral-steps__dot {
    background: var(--fin-brand);
    color: #fff;
}

/* Steps already passed (set by JS as the user moves through the form). */
.fin-referral-steps__item--done {
    color: var(--fin-brand);
}

.fin-referral-steps__item--done .fin-referral-steps__dot {
    background: var(--fin-brand);
    color: #fff;
}

.fin-referral-steps__item--done:not(:last-child)::after {
    background: var(--fin-brand);
}

@media (max-width: 480px) {
    .fin-referral-steps {
        padding: 0.6rem 1rem;
    }

    .fin-referral-steps__label {
        display: none;
    }

    .fin-referral-steps__item:not(:last-child)::after {
        width: 1rem;
    }
}

/* =====================================================================
   Wave 2 — 3.2 Status toggle switch (append-only).
   Visual switch; the hidden <select name="status"> stays the submitted
   value and is kept in sync by JS.
   ===================================================================== */
.fin-referral-status-select-wrap[hidden] {
    display: none;
}

.fin-referral-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.35rem 0.1rem;
    border: none;
    background: transparent;
    font: inherit;
    color: var(--fin-text);
    cursor: pointer;
}

.fin-referral-toggle__track {
    position: relative;
    flex: 0 0 auto;
    width: 2.6rem;
    height: 1.5rem;
    border-radius: 999px;
    background: rgba(106, 93, 139, 0.28);
    transition: background-color 0.18s ease, box-shadow 0.18s ease;
}

.fin-referral-toggle__thumb {
    position: absolute;
    inset-block-start: 0.18rem;
    inset-inline-start: 0.18rem;
    width: 1.14rem;
    height: 1.14rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: inset-inline-start 0.18s ease;
}

.fin-referral-toggle[aria-checked="true"] .fin-referral-toggle__track {
    background: var(--fin-brand);
}

.fin-referral-toggle[aria-checked="true"] .fin-referral-toggle__thumb {
    inset-inline-start: calc(100% - 1.32rem);
}

.fin-referral-toggle__text {
    font-size: 0.85rem;
    font-weight: 700;
}

.fin-referral-toggle:focus-visible {
    outline: none;
}

.fin-referral-toggle:focus-visible .fin-referral-toggle__track {
    box-shadow: 0 0 0 3px rgba(106, 93, 139, 0.25);
}

/* Status toggle relocated from the modal into the table actions column. */
.fin-ord-actions--toolbar .fin-referral-status-form {
    display: inline-flex;
    margin: 0;
    flex: 0 0 auto;
}

.fin-referral-toggle--table {
    padding: 0.25rem 0.4rem;
    border-radius: 8px;
}

.fin-referral-toggle--table .fin-referral-toggle__text {
    font-size: 0.8rem;
}

.fin-referral-toggle--table:hover .fin-referral-toggle__track {
    box-shadow: 0 0 0 3px rgba(106, 93, 139, 0.18);
}

/* Status popup opened from the table actions column.
   Reuses the same brand tokens as .fin-referral-create-modal so the toggle and
   the primary CTA pick up the system purple (no new hex; same token scale). */
.fin-referral-status-modal {
    --fin-brand: var(--Primary-500, #6A5D8B);
    --fin-brand-strong: var(--Primary-600, #372A58);
    --fin-text: var(--Primary-600, #372A58);
    z-index: 10003;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.fin-referral-status-modal__card {
    width: min(420px, 100%);
}

.fin-referral-status-modal__owner {
    margin: 0.25rem 0 0;
    font-size: 0.85rem;
}

.fin-referral-status-modal__form {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.fin-referral-status-modal__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(106, 93, 139, 0.2);
    border-radius: 12px;
    background: rgba(106, 93, 139, 0.05);
}

.fin-referral-status-modal__label {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--fin-text);
}

.fin-referral-status-modal__hint {
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.5;
}

/* Brand the primary CTA exactly like the create modal. */
.fin-referral-status-modal .finance-btn--primary {
    background: var(--fin-brand) !important;
    border-color: var(--fin-brand) !important;
    color: #fff !important;
    box-shadow: 0 6px 18px rgba(106, 93, 139, 0.28);
}

.fin-referral-status-modal .finance-btn--primary:hover:not(:disabled) {
    background: var(--fin-brand-strong) !important;
    border-color: var(--fin-brand-strong) !important;
}

/* =====================================================================
   Wave 2 — 3.3 Contract duration summary + End<Start state (append-only).
   ===================================================================== */
.fin-referral-duration {
    padding: 0.5rem 0.7rem;
    border-radius: 8px;
    background: rgba(106, 93, 139, 0.07);
    border: 0.5px solid rgba(106, 93, 139, 0.18);
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.4;
    color: rgba(55, 42, 88, 0.72);
}

.fin-referral-duration__value {
    color: var(--fin-brand);
    font-weight: 700;
}

.fin-referral-duration--error {
    background: rgba(220, 38, 38, 0.08);
    border-color: rgba(220, 38, 38, 0.32);
    color: var(--fin-danger);
}

/* =====================================================================
   Wave 2 — 4.1 Inline blur validation messages + invalid state (append-only).
   ===================================================================== */
.fin-referral-field__error {
    display: block;
    margin-block-start: 0.3rem;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--fin-danger);
}

.fin-referral-field__error[hidden] {
    display: none;
}

.fin-referral-create-modal .fin-referral-control--invalid {
    border-color: rgba(220, 38, 38, 0.55) !important;
}

.fin-referral-create-modal .fin-referral-control--invalid:focus-within {
    border-color: rgba(220, 38, 38, 0.7) !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.18) !important;
}

/* Loss entry detail — matches finance reconciliation dashboard cards */
.fin-loss-detail-page .fin-loss-detail-flash {
    margin-bottom: 0;
}

.fin-loss-detail-page .fin-loss-detail-flash--ok {
    border-color: #10b981;
    background: #ecfdf5;
}

.fin-loss-detail-page .fin-loss-detail-flash--ok .fin-v10-card-pad {
    color: #065f46;
}

.fin-loss-detail-page .fin-loss-detail__toolbar {
    margin-bottom: 0.5rem;
}

.fin-loss-detail-page .fin-loss-detail__pills {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.fin-loss-detail-page .fin-loss-detail__ref {
    margin: 0 0 0.35rem;
    font-size: 1.45rem;
    font-weight: 800;
    color: #372A58;
    line-height: 1.2;
}

.fin-loss-detail-page .fin-loss-detail-transfer-form {
    margin-top: 0.75rem;
}

.fin-loss-detail-page .fin-loss-detail-transfer-form__grid {
    display: grid;
    grid-template-columns: minmax(0, 14rem) 1fr;
    gap: 0.85rem 1rem;
    align-items: end;
}

.fin-loss-detail-page .fin-loss-detail-transfer-form__reason {
    grid-column: 1 / -1;
}

.fin-loss-detail-page .fin-loss-detail-transfer-form__actions {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.fin-loss-detail-page .fin-loss-detail-operator {
    max-width: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fin-loss-detail-page .fin-loss-detail-audit-when,
.fin-loss-detail-page .fin-loss-detail-audit-reason {
    font-size: 0.75rem;
    margin-top: 0.3rem;
}

.fin-loss-detail-page .finance-admin-metrics .finance-metric-card__value .fin-currency-sar-wrap,
.fin-loss-detail-page .finance-table__num .fin-currency-sar-wrap {
    width: 1.1em;
    height: 1.1em;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.fin-loss-detail-page .finance-admin-metrics .finance-metric-card__value .fin-currency-sar-wrap .partner-buy-sar-svg,
.fin-loss-detail-page .finance-table__num .fin-currency-sar-wrap .partner-buy-sar-svg {
    width: 100%;
    height: 100%;
    display: block;
}

@media (max-width: 768px) {
    .fin-loss-detail-page .fin-loss-detail-transfer-form__grid {
        grid-template-columns: 1fr;
    }
}

/* Finance trace tab (admin order detail) */
.fin-trace-verdict {
    border-radius: 10px;
    padding: 1rem 1.15rem;
    margin-bottom: 1.25rem;
    border: 1px solid var(--fin-border, #e5e7eb);
    background: var(--fin-surface-muted, #f9fafb);
}

.fin-trace-verdict__label {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.75;
    margin-bottom: 0.35rem;
}

.fin-trace-verdict__value {
    font-size: 1.05rem;
    font-weight: 700;
}

.fin-trace-verdict__summary {
    margin-bottom: 0.75rem;
}

.fin-trace-verdict__facts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
    gap: 0.55rem 0.85rem;
}

.fin-trace-verdict__fact {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.fin-trace-verdict__fact-k {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    opacity: 0.75;
}

.fin-trace-verdict__fact-v {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.88rem;
    font-weight: 600;
}

.fin-trace-verdict__pill {
    display: inline-flex;
    align-items: center;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.35;
}

.fin-trace-verdict__pill--ok {
    background: #dcfce7;
    color: #166534;
}

.fin-trace-verdict__pill--warn {
    background: #fef3c7;
    color: #92400e;
}

.fin-trace-verdict__pill--muted {
    background: #e5e7eb;
    color: #4b5563;
}

.fin-trace-verdict__notes {
    margin: 0.65rem 0 0;
    padding-inline-start: 1.15rem;
    font-size: 0.875rem;
    opacity: 0.9;
}

.fin-trace-verdict--aligned { border-color: #86efac; background: #f0fdf4; }
.fin-trace-verdict--warn { border-color: #fcd34d; background: #fffbeb; }
.fin-trace-verdict--danger { border-color: #fca5a5; background: #fef2f2; }
.fin-trace-verdict--info { border-color: #93c5fd; background: #eff6ff; }
.fin-trace-verdict--muted { border-color: #d1d5db; background: #f3f4f6; }
.fin-trace-verdict--review { border-color: #c4b5fd; background: #f5f3ff; }

.fin-trace-chain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1rem;
}

.fin-trace-step {
    border: 1px solid var(--fin-border, #e5e7eb);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.fin-trace-step__head {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem 1rem;
    background: var(--fin-surface-muted, #f9fafb);
    border-bottom: 1px solid var(--fin-border, #e5e7eb);
}

.fin-trace-step__num {
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
    background: var(--fin-accent, #111827);
    color: #fff;
    flex-shrink: 0;
}

.fin-trace-step__title {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
}

.fin-trace-step__body {
    padding: 0.85rem 1rem 1rem;
}

.fin-trace-geidea-card + .fin-trace-geidea-card {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #E8E3F0;
}

.fin-trace-geidea-card__badge {
    margin: 0 0 0.65rem;
    padding: 0.45rem 0.65rem;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #6A5D8B;
    background: #F8F7FB;
    border: 1px solid #E8E3F0;
}

.fin-trace-flag {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.15rem 0.45rem;
    border-radius: 6px;
}

.fin-trace-flag--ok { background: #dcfce7; color: #166534; }
.fin-trace-flag--warn { background: #fef3c7; color: #92400e; }

.fin-trace-timeline-details {
    margin-top: 1rem;
}

.fin-trace-timeline-details__summary {
    cursor: pointer;
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 0.65rem;
}

.finance-alert--inline {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    margin: 0;
}

.fin-trace-log-page .fin-trace-log-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
    margin-top: 1rem;
}

@media (max-width: 1200px) {
    .fin-trace-log-page .fin-trace-log-layout {
        grid-template-columns: 1fr;
    }

    .fin-trace-log-page .fin-trace-log-layout__chain {
        position: static;
        max-height: none;
    }
}

.fin-trace-log-page-intro {
    margin-bottom: 0.35rem;
}

.fin-trace-log-page-source {
    margin-bottom: 0.75rem;
}

/* Trace log — filters merged into the table card (same pattern as order management) */
[data-model-id="admin-finance-trace-log"] .fin-ord-list-card {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
    width: 100%;
}

[data-model-id="admin-finance-trace-log"] .fin-ord-list-card > .fin-ord-toolbar--orders-admin.fin-dash-filter-card,
[data-model-id="admin-finance-trace-log"] .fin-ord-list-card > .fin-ord-toolbar.fin-dash-filter-card {
    margin: 0 !important;
    padding: 1rem 1.1rem 0.95rem !important;
    border: none !important;
    border-bottom: 1px solid #ece7f2 !important;
    border-radius: 16px 16px 0 0 !important;
    background: linear-gradient(180deg, #fbfafd 0%, #f6f4f9 100%) !important;
    box-shadow: none !important;
}

[data-model-id="admin-finance-trace-log"] .fin-ord-list-card .fin-trace-log-table-wrap,
[data-model-id="admin-finance-trace-log"] .fin-ord-list-card .fin-trace-log-empty {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

[data-model-id="admin-finance-trace-log"] .fin-ord-list-card > .fin-ord-toolbar--orders-admin.fin-dash-filter-card {
    padding: 1rem 1.1rem 0.95rem;
}

[data-model-id="admin-finance-trace-log"] .fin-ord-filters--dash .fin-ord-filter-group--daterange {
    flex: 0 1 16rem;
    min-width: 13rem;
    max-width: 18rem;
}

[data-model-id="admin-finance-trace-log"] .fin-ord-daterange,
[data-model-id="admin-finance-trace-log"] .fin-ord-daterange__input {
    width: 100%;
    min-width: 0;
}

[data-model-id="admin-finance-trace-log"] .fin-trace-log-range-hint {
    margin: 0;
    font-size: 0.78rem;
}

[data-model-id="admin-finance-trace-log"] .fin-dash-filter-card__head {
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid rgba(106, 93, 139, 0.1);
}

[data-model-id="admin-finance-trace-log"] .fin-dash-filter-card__head-start {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.65rem;
    min-width: 0;
}

[data-model-id="admin-finance-trace-log"] .fin-ord-filters--dash {
    width: 100%;
    gap: 0.65rem 0.75rem;
    margin-top: 0;
    margin-bottom: 0;
    align-items: flex-end;
}

[data-model-id="admin-finance-trace-log"] .fin-ord-filters--dash .fin-ord-filter-group--status,
[data-model-id="admin-finance-trace-log"] .fin-ord-filters--dash .fin-ord-filter-group--linked {
    flex: 0 1 11.5rem;
    min-width: 9.5rem;
    max-width: 13rem;
}

[data-model-id="admin-finance-trace-log"] .fin-ord-filters--dash .fin-ord-filter-group--date {
    flex: 0 1 10.5rem;
    min-width: 9rem;
    max-width: 12rem;
}

[data-model-id="admin-finance-trace-log"] .fin-ord-filters--dash .fin-ord-filter-group--search.fin-ord-filter-grow {
    flex: 1 1 14rem;
    min-width: 12rem;
    max-width: none;
}

[data-model-id="admin-finance-trace-log"] .fin-ord-filters--dash .fin-ord-filter-select,
[data-model-id="admin-finance-trace-log"] .fin-ord-filters--dash .fin-ord-filter-input,
[data-model-id="admin-finance-trace-log"] .fin-ord-filters--dash .fin-ord-search-field {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

[data-model-id="admin-finance-trace-log"] .fin-ord-list-card .fin-ord-toolbar--filtered.fin-dash-filter-card--custom {
    border: none !important;
    border-bottom: 1px solid #ece7f2 !important;
    box-shadow: none !important;
}

[data-model-id="admin-finance-trace-log"] .fin-ord-filter-input--date {
    min-width: 0;
}

[data-model-id="admin-finance-trace-log"] .fin-trace-log-panel__head-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.35rem 0.75rem;
}

[data-model-id="admin-finance-trace-log"] .fin-trace-log-panel__count {
    font-size: 0.82rem;
    font-weight: 600;
    color: #6A5D8B;
    white-space: nowrap;
}

@media (max-width: 900px) {
    [data-model-id="admin-finance-trace-log"] .fin-ord-filters--dash .fin-ord-filter-group--status,
    [data-model-id="admin-finance-trace-log"] .fin-ord-filters--dash .fin-ord-filter-group--linked,
    [data-model-id="admin-finance-trace-log"] .fin-ord-filters--dash .fin-ord-filter-group--date,
    [data-model-id="admin-finance-trace-log"] .fin-ord-filters--dash .fin-ord-filter-group--search {
        flex: 1 1 calc(50% - 0.75rem);
        max-width: none;
    }
}

.fin-trace-log-panel {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    padding: 1rem 1rem 0.85rem;
    min-width: 0;
}

.fin-trace-log-panel--chain {
    background: linear-gradient(180deg, #fafbff 0%, #fff 120px);
}

.fin-trace-log-panel__head {
    margin-bottom: 0.85rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid #eef2f7;
}

.fin-trace-log-section-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 0.25rem;
    line-height: 1.35;
}

.fin-trace-log-section-hint {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.45;
}

.fin-trace-log-layout__feed .finance-table-wrap {
    max-height: min(58vh, 680px);
    margin-bottom: 0.5rem;
}

.fin-trace-log-layout__chain {
    position: sticky;
    top: 0.85rem;
    max-height: calc(100vh - 1.75rem);
    overflow: auto;
}

.fin-trace-log-empty {
    margin: 0;
}

.fin-trace-log-placeholder {
    border: 1px dashed #d1d5db;
    border-radius: 0.65rem;
    padding: 2rem 1.25rem;
    text-align: center;
    background: #fafafa;
}

.fin-trace-row--selected {
    background: #F8F7FB !important;
}

.fin-trace-row--selected td {
    box-shadow: none;
}

[data-model-id="admin-finance-trace-log"] .fin-ord-table tr[data-unlinked="true"] > td {
    background-color: transparent;
}

[data-model-id="admin-finance-trace-log"] .fin-ord-table tr[data-unlinked="true"] > td:first-child {
    box-shadow: none;
}

.fin-trace-extras {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.fin-trace-extras__nav {
    margin-bottom: 0.15rem;
}

.fin-trace-extras-panel {
    min-height: 8rem;
}

.fin-trace-extras-empty {
    margin: 1.25rem 0;
    text-align: center;
}

/* Trace modal — compact wrap tabs (no thin horizontal scrollbar) */
.fin-admin-tabs--trace-modal {
    flex-wrap: wrap;
    overflow: visible;
    gap: 0.35rem;
    margin: 0 0 0.85rem;
    padding: 0.3rem;
}

.fin-admin-tabs--trace-modal .fin-admin-tabs__btn {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0.4rem 0.65rem;
    font-size: 0.82rem;
    white-space: nowrap;
}

@media (max-width: 640px) {
    .fin-admin-tabs--trace-modal .fin-admin-tabs__btn {
        flex: 1 1 calc(50% - 0.35rem);
        white-space: normal;
        text-align: center;
        line-height: 1.25;
    }
}

.fin-trace-chain-tabs__panels {
    min-height: 10rem;
}

.fin-trace-panel-empty {
    margin: 1rem 0;
    text-align: center;
}

.fin-trace-metrics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.fin-trace-metric {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.65rem 0.75rem;
    border-radius: 10px;
    background: #F8F7FB;
    border: 1px solid #E8E3F0;
}

.fin-trace-metric__label {
    font-size: 0.72rem;
    font-weight: 600;
    color: #6A5D8B;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.fin-trace-metric__value {
    font-size: 0.92rem;
    font-weight: 700;
    color: #372A58;
}

.fin-trace-metric--money .fin-trace-metric__value {
    font-variant-numeric: tabular-nums;
}

/* Trace modal: PartnerFinanceCurrency uses partner-finance-sar-row, which is unstyled outside .partner-finance-page. */
.fin-trace-chain-wrap .partner-finance-sar-row,
.fin-trace-chain-wrap .partner-finance-sar-row--symbol-first,
.fin-trace-chain-wrap .partner-finance-sar-row--ltr {
    display: inline-flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 0.28rem !important;
    width: max-content !important;
    max-width: none !important;
    white-space: nowrap !important;
    direction: ltr !important;
    unicode-bidi: isolate;
}

.fin-trace-chain-wrap .partner-buy-sar-wrap,
.fin-trace-chain-wrap .partner-finance-sar-row__amount {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.fin-trace-chain-wrap .partner-buy-sar-wrap .partner-buy-sar-svg {
    display: block !important;
    width: 0.92em !important;
    height: 0.92em !important;
}

.fin-trace-chain-wrap td.finance-table__num {
    white-space: nowrap;
}

.fin-trace-fields {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

.fin-trace-fields .fin-detail-kv__row {
    grid-template-columns: minmax(7rem, 34%) 1fr;
}

.fin-trace-buyer {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

.fin-trace-buyer__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.35rem;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    background: #372a58;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.fin-trace-buyer__avatar--logo {
    background: #fff;
    border: 1px solid #e0d9ec;
    padding: 0.2rem;
    overflow: hidden;
}

.fin-trace-buyer__avatar--logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.fin-trace-buyer__initials {
    line-height: 1;
}

.fin-trace-buyer__name {
    min-width: 0;
    word-break: break-word;
}

.fin-trace-kv-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1.25rem;
}

.fin-trace-kv-grid--checks {
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px dashed #E8E3F0;
}

.fin-trace-kv-grid .fin-detail-kv__row--full {
    grid-column: 1 / -1;
}

.fin-trace-pay-card {
    display: inline-block;
    margin-top: 0.25rem;
    padding: 0.15rem 0.45rem;
    border-radius: 6px;
    font-size: 0.78rem;
    background: #F3F0F8;
    color: #372A58;
    direction: ltr;
    unicode-bidi: isolate;
}

.fin-trace-mode-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
}

.fin-trace-mode-badge--test {
    background: #FEF3C7;
    color: #92400E;
}

.fin-trace-mode-badge--live {
    background: #DCFCE7;
    color: #166534;
}

@media (max-width: 720px) {
    .fin-trace-kv-grid {
        grid-template-columns: 1fr;
    }
}