.error {
    color: #f1416c;
}

.form-label {
    text-transform: capitalize;
}

.ledger-data-table {
    --ledger-bg: #ffffff;
    --ledger-card-bg: #ffffff;
    --ledger-muted-bg: #f1f5f9;
    --ledger-row-alt: #f8fafc;
    --ledger-border: #cbd5e1;
    --ledger-border-soft: #e2e8f0;
    --ledger-text: #252a31;
    --ledger-muted: #6b7280;
    --ledger-hover: #eff6ff;
    --ledger-primary: #1f4e79;
    --ledger-primary-soft: #e5f0ff;
    --ledger-warning: #8a5a00;
    --ledger-warning-soft: #fff5d6;
    --ledger-danger: #b42318;
    --ledger-danger-soft: #fee4e2;
    --ledger-success: #1f6f43;
    --ledger-success-soft: #dcfce7;
    border: 1px solid var(--ledger-border-soft) !important;
    border-radius: 10px !important;
    background: var(--ledger-card-bg) !important;
    box-shadow: 0 6px 18px rgba(31, 41, 55, 0.07) !important;
    overflow: hidden;
}

.ledger-data-table.card {
    margin-top: 0.75rem !important;
}

.ledger-data-table .card-header {
    min-height: auto;
    padding: 8px 10px !important;
    margin-top: 0 !important;
    border-bottom: 1px solid var(--ledger-border-soft) !important;
    background: linear-gradient(180deg, #ffffff 0%, var(--ledger-muted-bg) 100%) !important;
}

.ledger-data-table__title {
    position: static;
    padding-left: 0;
}

.ledger-data-table__title:before {
    content: none;
}

.ledger-data-table .card-title h3 {
    margin-bottom: 0 !important;
    color: var(--ledger-text);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.ledger-data-table .card-title .fs-6 {
    margin-top: 0.1rem;
    color: var(--ledger-muted) !important;
    font-size: 11px !important;
    font-weight: 600;
}

.ledger-data-table .card-toolbar {
    gap: 6px;
    flex-wrap: wrap;
}

.ledger-data-table__filter-label {
    color: var(--ledger-muted) !important;
    font-size: 11px;
    font-weight: 700;
}

.ledger-data-table .form-control,
.ledger-data-table .form-select,
.ledger-data-table .select2-selection {
    min-height: 28px !important;
    height: 28px !important;
    border: 1px solid var(--ledger-border-soft) !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: var(--ledger-text) !important;
    font-size: 11px !important;
    font-weight: 600;
    transition: border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
}

.ledger-data-table .form-control:focus,
.ledger-data-table .form-select:focus {
    border-color: var(--ledger-primary) !important;
    box-shadow: 0 0 0 3px rgba(31, 78, 121, 0.14) !important;
}

.ledger-data-table__search {
    width: 150px !important;
}

.ledger-data-table .card-body {
    padding: 6px !important;
}

.ledger-data-table .table-responsive {
    border: 1px solid var(--ledger-border-soft);
    border-radius: 8px;
    background: var(--ledger-bg);
    overflow: auto;
}

.ledger-data-table__table {
    margin-bottom: 0 !important;
    border-collapse: collapse !important;
    color: var(--ledger-text);
    font-size: 11px !important;
}

.ledger-data-table__table thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.ledger-data-table__table thead tr {
    background: #f1f5f9 !important;
}

.ledger-data-table__table thead th {
    padding: 5px 7px !important;
    border-right: 1px solid var(--ledger-border-soft);
    border-bottom: 1px solid var(--ledger-border) !important;
    color: var(--ledger-text) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap;
    vertical-align: middle;
}

.ledger-data-table__table tbody td {
    padding: 4px 7px !important;
    border-right: 1px solid var(--ledger-border-soft);
    border-bottom: 1px solid var(--ledger-border-soft) !important;
    color: var(--ledger-text);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    vertical-align: middle;
}

.ledger-data-table__table thead th:last-child,
.ledger-data-table__table tbody td:last-child {
    border-right: 0;
}

.ledger-data-table__table tbody tr:nth-child(even) {
    background: var(--ledger-row-alt);
}

.ledger-data-table__table tbody tr:hover {
    background: var(--ledger-hover) !important;
    box-shadow: none;
}

.ledger-data-table__table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.ledger-data-table__table tbody td:last-child {
    white-space: nowrap;
    text-align: right;
}

.ledger-data-table .badge {
    padding: 0.12rem 0.38rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: #f3f4f6;
    color: var(--ledger-text);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.ledger-data-table .badge-light-success {
    border-color: #bbf7d0;
    background: var(--ledger-success-soft);
    color: var(--ledger-success);
}

.ledger-data-table .badge-light-danger {
    border-color: #fecaca;
    background: var(--ledger-danger-soft);
    color: var(--ledger-danger);
}

.ledger-data-table .badge-light-warning {
    border-color: #fde68a;
    background: var(--ledger-warning-soft);
    color: var(--ledger-warning);
}

.ledger-data-table .badge-light-primary {
    border-color: #bfdbfe;
    background: var(--ledger-primary-soft);
    color: #1d4ed8;
}

.ledger-data-table .table-action,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .table-action,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    min-width: 23px;
    padding: 0 !important;
    margin-right: 3px !important;
    border: 1px solid var(--ledger-border-soft, var(--app-ledger-border-soft)) !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: var(--ledger-text, var(--app-ledger-text)) !important;
    font-size: 10px;
    opacity: 1 !important;
    box-shadow: none !important;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease, transform 120ms ease;
}

.ledger-data-table .table-action:last-child,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .table-action:last-child,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn-icon:last-child {
    margin-right: 0 !important;
}

.ledger-data-table .table-action i,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .table-action i,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn-icon i,
.ledger-data-table .table-action .svg-icon,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .table-action .svg-icon,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn-icon .svg-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    font-size: 10px;
    line-height: 1;
    color: currentColor !important;
    opacity: 1 !important;
}

.ledger-data-table .table-action .svg-icon svg,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .table-action .svg-icon svg,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn-icon .svg-icon svg {
    width: 1em;
    height: 1em;
}

.ledger-data-table .table-action:hover,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .table-action:hover,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn-icon:hover {
    border-color: var(--ledger-border, var(--app-ledger-border)) !important;
    background: var(--ledger-hover, var(--app-ledger-hover)) !important;
    color: var(--ledger-text, var(--app-ledger-text)) !important;
    transform: translateY(-1px);
}

.ledger-data-table .table-action-details:hover,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .table-action-details:hover,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn-info:hover,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn-primary:hover {
    border-color: var(--ledger-border, var(--app-ledger-border)) !important;
    background: var(--ledger-primary-soft, var(--app-ledger-primary-soft)) !important;
    color: var(--ledger-primary, var(--app-ledger-primary)) !important;
}

.ledger-data-table .table-action-edit:hover,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .table-action-edit:hover,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn-warning:hover {
    border-color: var(--ledger-border, var(--app-ledger-border)) !important;
    background: var(--ledger-warning-soft, var(--app-ledger-warning-soft)) !important;
    color: var(--ledger-warning, var(--app-ledger-warning)) !important;
}

.ledger-data-table .table-action-destroy:hover,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .table-action-destroy:hover,
.ledger-data-table .table-action-enable.btn-danger:hover,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .table-action-enable.btn-danger:hover,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn-danger:hover {
    border-color: #fecaca !important;
    background: var(--ledger-danger-soft, var(--app-ledger-danger-soft)) !important;
    color: var(--ledger-danger, var(--app-ledger-danger)) !important;
}

.ledger-data-table .table-action-enable.btn-success:hover,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .table-action-enable.btn-success:hover,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn-success:hover {
    border-color: #bbf7d0 !important;
    background: var(--ledger-success-soft, var(--app-ledger-success-soft)) !important;
    color: var(--ledger-success, var(--app-ledger-success)) !important;
}

.ledger-data-table .dataTables_processing {
    inset: 0 auto auto 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    min-width: 118px;
    margin: 0 !important;
    padding: 0.45rem 0.75rem !important;
    border: 1px solid var(--ledger-border-soft);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    color: var(--ledger-text);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

#kt_app_content {
    --app-ledger-bg: #ffffff;
    --app-ledger-card-bg: #ffffff;
    --app-ledger-head-bg: #f1f5f9;
    --app-ledger-row-alt: #f8fafc;
    --app-ledger-border: #cbd5e1;
    --app-ledger-border-soft: #e2e8f0;
    --app-ledger-text: #252a31;
    --app-ledger-muted: #6b7280;
    --app-ledger-link: #1f4e79;
    --app-ledger-hover: #eff6ff;
    --app-ledger-primary: #1f4e79;
    --app-ledger-primary-soft: #e5f0ff;
    --app-ledger-warning: #8a5a00;
    --app-ledger-warning-soft: #fff5d6;
    --app-ledger-danger-soft: #fee4e2;
    --app-ledger-success-soft: #dcfce7;
    --app-ledger-total: #ecfdf3;
    --app-ledger-danger: #b42318;
    --app-ledger-success: #1f6f43;
}

#kt_app_content .card:not(.ledger-data-table) {
    border-radius: 10px;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) {
    border: 1px solid var(--app-ledger-border-soft);
    border-radius: 8px;
    background: var(--app-ledger-bg);
    box-shadow: 0 5px 16px rgba(31, 41, 55, 0.05);
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table {
    margin-bottom: 0 !important;
    border-collapse: collapse !important;
    color: var(--app-ledger-text);
    font-size: 11px !important;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > thead > tr,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table thead.table-light > tr,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > thead > tr.bg-light {
    background: var(--app-ledger-head-bg) !important;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > thead th,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > thead td {
    padding: 5px 7px !important;
    border-right: 1px solid var(--app-ledger-border-soft) !important;
    border-bottom: 1px solid var(--app-ledger-border) !important;
    color: var(--app-ledger-text) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 1.15;
    text-transform: none !important;
    white-space: nowrap;
    vertical-align: middle;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tbody td,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tfoot td,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tbody th,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tfoot th {
    padding: 4px 7px !important;
    border-right: 1px solid var(--app-ledger-border-soft) !important;
    border-bottom: 1px solid var(--app-ledger-border-soft) !important;
    color: var(--app-ledger-text);
    font-size: 11px !important;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    vertical-align: middle;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > thead th:last-child,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tbody td:last-child,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tfoot td:last-child {
    border-right: 0 !important;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tbody tr:nth-child(even) {
    background: var(--app-ledger-row-alt);
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table-hover > tbody > tr:hover,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tbody > tr:hover {
    background: var(--app-ledger-hover) !important;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tbody tr:last-child td {
    border-bottom: 0 !important;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tfoot tr,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table tr.bg-light,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table tr.bg-light-primary {
    background: var(--app-ledger-total) !important;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table a:not(.btn) {
    color: var(--app-ledger-link);
    font-weight: 700;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table a:not(.btn):hover {
    color: var(--app-ledger-link);
    text-decoration: underline !important;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table .badge {
    padding: 0.12rem 0.38rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: #f3f4f6;
    color: var(--app-ledger-text);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table .badge-light-success,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table .badge-success {
    background: #d9ead3 !important;
    color: var(--app-ledger-success) !important;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table .badge-light-danger,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table .badge-danger {
    background: #f8d7da !important;
    color: var(--app-ledger-danger) !important;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table .badge-light-warning,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table .badge-warning {
    background: #fff4cf !important;
    color: #7a5b00 !important;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn.btn-sm:not(.btn-icon):not(.table-action) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 23px;
    padding: 0 5px !important;
    margin-right: 3px !important;
    border: 1px solid var(--app-ledger-border-soft) !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: var(--app-ledger-text) !important;
    font-size: 10px;
    box-shadow: none !important;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn.btn-sm:not(.btn-icon):not(.table-action):hover {
    background: var(--app-ledger-hover) !important;
    color: var(--app-ledger-link) !important;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn.btn-sm:not(.btn-icon):not(.table-action) i {
    font-size: 10px;
    line-height: 1;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td.text-end,
#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table th.text-end {
    font-variant-numeric: tabular-nums;
}

#kt_app_content .table-responsive:not(.ledger-table-optout) > table.table.table-sm > :not(caption) > * > * {
    padding: 3px 6px !important;
}

@media (max-width: 1600px) {
    .ledger-data-table .card-header {
        padding: 6px 8px !important;
    }

    .ledger-data-table .card-body {
        padding: 4px !important;
    }

    .ledger-data-table__table,
    #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table {
        font-size: 10.5px !important;
    }

    .ledger-data-table__table thead th,
    #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > thead th,
    #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > thead td {
        padding: 4px 5px !important;
        font-size: 10px !important;
    }

    .ledger-data-table__table tbody td,
    #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tbody td,
    #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tfoot td,
    #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tbody th,
    #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tfoot th {
        padding: 3px 5px !important;
        font-size: 10.5px !important;
    }

    .ledger-data-table .form-control,
    .ledger-data-table .form-select,
    .ledger-data-table .select2-selection {
        min-height: 26px !important;
        height: 26px !important;
        font-size: 10.5px !important;
    }

    .ledger-data-table .table-action,
    #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .table-action,
    #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn-icon {
        width: 21px;
        height: 21px;
        min-width: 21px;
    }
}

@media (max-width: 767.98px) {
    .ledger-data-table .card-header {
        align-items: flex-start;
        gap: 0.75rem;
    }

    .ledger-data-table .card-toolbar {
        width: 100%;
        flex-wrap: wrap;
    }

    .ledger-data-table__search {
        width: 100% !important;
    }
}
.detail-line {
    margin-bottom: 0.45rem !important;
}

.detail-line__row {
    min-height: 28px;
    padding: 0.28rem 0.4rem;
    border: 1px solid var(--app-ledger-border-soft, #e2e8f0);
    border-radius: 7px;
    background: var(--app-ledger-bg, #ffffff);
}

.detail-label {
    display: block;
    color: var(--app-ledger-muted, #6b7280) !important;
    font-size: 10px;
    font-weight: 800 !important;
    line-height: 1.15;
    text-transform: none;
}

.detail-value {
    display: block;
    color: var(--app-ledger-text, #252a31) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2;
    word-break: break-word;
}

.detail-state-badge {
    padding: 0.12rem 0.38rem;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

.modal-body {
    overflow: auto;
    padding: 0.75rem !important;
    background: #f8fafc;
}

.modal-content {
    margin: 0 auto;
    border: 1px solid var(--app-ledger-border-soft, #e2e8f0);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18);
    overflow: hidden;
}

.modal-header {
    min-height: auto;
    padding: 0.65rem 0.85rem !important;
    border-bottom: 1px solid var(--app-ledger-border-soft, #e2e8f0);
    background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
}

.modal-title {
    color: var(--app-ledger-text, #252a31);
    font-size: 14px;
    font-weight: 800;
}

#myModal .modal-body > .card,
#myModal .modal-body .ledger-data-table,
#myModal .modal-body .onec-contract {
    margin-top: 0 !important;
}

#myModal .onec-contract {
    border-color: var(--app-ledger-border-soft, #e2e8f0);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(31, 41, 55, 0.07);
    overflow: hidden;
}

#myModal .onec-contract-toolbar,
#myModal .onec-panel-title {
    border-color: var(--app-ledger-border-soft, #e2e8f0);
    background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
}

#myModal .onec-contract-body {
    padding: 0.55rem;
}

#myModal .onec-panel,
#myModal .onec-value,
#myModal .onec-finance-table td,
#myModal .onec-related-table th,
#myModal .onec-related-table td {
    border-color: var(--app-ledger-border-soft, #e2e8f0);
}

#myModal .onec-panel {
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

#myModal .onec-panel-title {
    padding: 0.35rem 0.55rem;
    color: var(--app-ledger-text, #252a31);
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

#myModal .onec-doc-title {
    font-size: 15px;
    line-height: 1.2;
}

#myModal .onec-kpi-grid,
#myModal .onec-contract-header,
#myModal .onec-grid,
#myModal .onec-finance {
    gap: 0.45rem;
    margin-bottom: 0.45rem;
}

#myModal .onec-field {
    grid-template-columns: 150px 1fr;
    gap: 0.35rem;
    padding: 0.18rem 0;
}

#myModal .onec-label,
#myModal .onec-value,
#myModal .onec-doc-subtitle,
#myModal .onec-finance-table,
#myModal .onec-related-table {
    font-size: 10.5px;
}

#myModal .onec-value {
    min-height: 22px;
    padding: 0.1rem 0.35rem;
}

#myModal .onec-kpi {
    padding: 0.35rem 0.45rem;
}

#myModal .onec-kpi-label {
    margin-bottom: 0.1rem;
    font-size: 10px;
}

#myModal .onec-kpi-value {
    font-size: 12px;
}

.transaction-view {
    margin-top: 0 !important;
}

.transaction-view .card-body {
    padding: 0.65rem !important;
}

.transaction-view__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.4rem;
    margin-bottom: 0.55rem;
}

.transaction-view__metric {
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--ledger-border-soft, var(--app-ledger-border-soft));
    border-radius: 7px;
    background: var(--ledger-bg, var(--app-ledger-bg));
    line-height: 1.15;
}

.transaction-view__metric-label {
    display: block;
    color: var(--ledger-muted, var(--app-ledger-muted));
    font-size: 10px;
    font-weight: 800;
}

.transaction-view__metric-value {
    display: block;
    margin-top: 0.12rem;
    color: var(--ledger-text, var(--app-ledger-text));
    font-size: 12px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.transaction-view__metric-value.is-debit {
    color: #14532d;
}

.transaction-view__metric-value.is-credit {
    color: #7c2d12;
}

.transaction-view__section-title {
    margin: 0 0 0.45rem;
    color: var(--ledger-text, var(--app-ledger-text));
    font-size: 12px;
    font-weight: 800;
}

.transaction-view__section {
    padding-top: 0.55rem;
    margin-top: 0.15rem;
    border-top: 1px solid var(--ledger-border-soft, var(--app-ledger-border-soft));
}

.transaction-view .card-footer {
    padding: 0.55rem 0.65rem !important;
    border-top: 1px solid var(--ledger-border-soft, var(--app-ledger-border-soft));
    background: #f8fafc;
}

.transaction-view .btn {
    min-height: 26px;
    padding: 0.25rem 0.6rem;
    font-size: 10.5px;
    font-weight: 800;
}

@media (max-width: 767.98px) {
    .transaction-view__summary {
        grid-template-columns: 1fr;
    }
}

li.break {
    flex-basis: 100%;
}

.no-cursor-pointer {
    cursor: default !important;
}

.alert *:first-letter,
.swal2-html-container:first-letter {
    text-transform: capitalize;
}

#my-dropzone.dropzone .dz-preview {
    min-height: auto;
    position: relative;
}

#my-dropzone.dropzone .dz-preview .dz-details {
    position: initial;
    background-color: initial;
}

#my-dropzone.dropzone .dz-preview .dz-details .dz-filename span {
    border: none;
}

#my-dropzone.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
    background-color: initial;
}

#my-dropzone.dropzone .dz-remove {
    top: 10px;
}

/*
ul.treeview,
ul.treeview ul {
    list-style-type: none;
}
ul.treeview .form-label {
    cursor: pointer;
}
*/
.jstree-default .jstree-clicked {
    background: rgb(5 114 156 / 26%) !important
}

.jstree-default .jstree-hovered {
    background: #05729c !important;
}

.select2-results__options i {
    font-size: 1.3rem
}

.login-panel {
    border: none;
    border-radius: 32px;
    overflow: hidden;
    max-width: 960px;
    width: 100%;
    margin: auto;
}

.bg-login-side {
    background-image:
        linear-gradient(
            120deg,
            rgba(7, 89, 133, 0.85),
            rgba(2, 48, 71, 0.85)
        ),
        url('/img/auth/bg4.jpg');
    background-size: cover;
    background-position: center;
    min-height: 100%;
}

.bg-login-side .feature-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #4bcf4c;
    box-shadow: 0 0 12px rgba(76, 207, 76, 0.55);
}

.text-white-75 {
    color: rgba(255, 255, 255, 0.75) !important;
}

.login-promo-section {
    width: 100%;
    min-height: 100%;
    padding: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.promo-content {
    text-align: center;
    max-width: 320px;
}

.promo-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 1rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.2);
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.promo-title {
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.promo-text {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
}

@media (max-width: 991px) {
    .login-panel {
        border-radius: 20px;
    }
}

.salam-brand {
    display: inline-flex;
    flex-direction: column;
    line-height: 1;
}

.salam-brand-title {
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 0 4px 14px rgba(16, 185, 129, 0.35);
}

.salam-brand-subtitle {
    margin-top: 0.15rem;
    font-size: 0.64rem;
    font-weight: 600;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.75);
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content,
:is(html[data-theme="dark"], body[data-theme="dark"]) body,
:is(html[data-theme="dark"], body[data-theme="dark"])#kt_app_body,
:is(html[data-theme="dark"], body[data-theme="dark"]) .modal {
    --app-ledger-bg: #15171c;
    --app-ledger-card-bg: #1b1e24;
    --app-ledger-head-bg: #20242c;
    --app-ledger-row-alt: #181b21;
    --app-ledger-border: #343a46;
    --app-ledger-border-soft: #2a303a;
    --app-ledger-text: #e5e7eb;
    --app-ledger-muted: #9ca3af;
    --app-ledger-link: #7db4ff;
    --app-ledger-hover: #223049;
    --app-ledger-primary: #8abaff;
    --app-ledger-primary-soft: #1d3555;
    --app-ledger-warning: #f8d477;
    --app-ledger-warning-soft: #43331a;
    --app-ledger-danger: #ff9b9b;
    --app-ledger-danger-soft: #4a2529;
    --app-ledger-success: #8ce6ae;
    --app-ledger-success-soft: #203b2b;
    --app-ledger-total: #1d3329;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table {
    --ledger-bg: var(--app-ledger-bg);
    --ledger-card-bg: var(--app-ledger-card-bg);
    --ledger-muted-bg: var(--app-ledger-head-bg);
    --ledger-row-alt: var(--app-ledger-row-alt);
    --ledger-border: var(--app-ledger-border);
    --ledger-border-soft: var(--app-ledger-border-soft);
    --ledger-text: var(--app-ledger-text);
    --ledger-muted: var(--app-ledger-muted);
    --ledger-hover: var(--app-ledger-hover);
    --ledger-primary: var(--app-ledger-primary);
    --ledger-primary-soft: var(--app-ledger-primary-soft);
    --ledger-warning: var(--app-ledger-warning);
    --ledger-warning-soft: var(--app-ledger-warning-soft);
    --ledger-danger: var(--app-ledger-danger);
    --ledger-danger-soft: var(--app-ledger-danger-soft);
    --ledger-success: var(--app-ledger-success);
    --ledger-success-soft: var(--app-ledger-success-soft);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) .app-main,
:is(html[data-theme="dark"], body[data-theme="dark"]) .app-content,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content_container {
    color: var(--app-ledger-text);
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .card:not(.ledger-data-table),
:is(html[data-theme="dark"], body[data-theme="dark"]) .modal-content,
:is(html[data-theme="dark"], body[data-theme="dark"]) #myModal .onec-contract,
:is(html[data-theme="dark"], body[data-theme="dark"]) #myModal .onec-panel,
:is(html[data-theme="dark"], body[data-theme="dark"]) .login-panel {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-card-bg) !important;
    color: var(--app-ledger-text) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .card-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .card-footer,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table .card-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) .modal-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) .modal-body,
:is(html[data-theme="dark"], body[data-theme="dark"]) #myModal .onec-contract-toolbar,
:is(html[data-theme="dark"], body[data-theme="dark"]) #myModal .onec-panel-title,
:is(html[data-theme="dark"], body[data-theme="dark"]) .transaction-view .card-footer {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-head-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .card-title,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .card-title h1,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .card-title h2,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .card-title h3,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .card-title h4,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .card-title h5,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .card-title h6,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .page-heading,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .text-dark,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_toolbar .text-dark,
:is(html[data-theme="dark"], body[data-theme="dark"]) .modal-title,
:is(html[data-theme="dark"], body[data-theme="dark"]) #myModal .onec-panel-title {
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .text-muted,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .text-gray-400,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .text-gray-500,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .text-gray-600,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .text-gray-700,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_toolbar .text-muted,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_toolbar .text-gray-400,
:is(html[data-theme="dark"], body[data-theme="dark"]) .detail-label,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table__filter-label {
    color: var(--app-ledger-muted) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout),
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table .table-responsive,
:is(html[data-theme="dark"], body[data-theme="dark"]) .detail-line__row,
:is(html[data-theme="dark"], body[data-theme="dark"]) .transaction-view__metric {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-bg) !important;
    box-shadow: none !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table__table {
    --bs-table-bg: var(--app-ledger-bg);
    --bs-table-color: var(--app-ledger-text);
    --bs-table-border-color: var(--app-ledger-border-soft);
    --bs-table-striped-bg: var(--app-ledger-row-alt);
    --bs-table-striped-color: var(--app-ledger-text);
    --bs-table-hover-bg: var(--app-ledger-hover);
    --bs-table-hover-color: var(--app-ledger-text);
    background: var(--app-ledger-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > thead > tr,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table thead.table-light > tr,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > thead > tr.bg-light,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table__table thead tr {
    background: var(--app-ledger-head-bg) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tbody tr:nth-child(even),
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table__table tbody tr:nth-child(even) {
    background: var(--app-ledger-row-alt) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tbody td,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tfoot td,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tbody th,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tfoot th,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > thead th,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > thead td,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table__table tbody td,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table__table thead th,
:is(html[data-theme="dark"], body[data-theme="dark"]) .detail-value {
    border-color: var(--app-ledger-border-soft) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table > tfoot tr,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table tr.bg-light,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table tr.bg-light-primary,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .bg-light,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .bg-light-primary,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .bg-light-info {
    background: var(--app-ledger-head-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .bg-light-success {
    background: var(--app-ledger-success-soft) !important;
    color: var(--app-ledger-success) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .bg-light-warning {
    background: var(--app-ledger-warning-soft) !important;
    color: var(--app-ledger-warning) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .bg-light-danger {
    background: var(--app-ledger-danger-soft) !important;
    color: var(--app-ledger-danger) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .symbol-label.bg-light,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .notice.bg-light-warning {
    border-color: var(--app-ledger-border-soft) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .form-control,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .form-select,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .form-control-solid,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .form-select-solid,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table .form-control,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table .form-select,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table .select2-selection,
:is(html[data-theme="dark"], body[data-theme="dark"]) .select2-container--bootstrap5 .select2-selection,
:is(html[data-theme="dark"], body[data-theme="dark"]) .flatpickr-calendar,
:is(html[data-theme="dark"], body[data-theme="dark"]) .flatpickr-months,
:is(html[data-theme="dark"], body[data-theme="dark"]) .flatpickr-weekdays {
    border-color: var(--app-ledger-border-soft) !important;
    background-color: var(--app-ledger-bg) !important;
    background: var(--app-ledger-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .form-control:focus,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .form-select:focus,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table .form-control:focus,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table .form-select:focus {
    border-color: var(--app-ledger-primary) !important;
    box-shadow: 0 0 0 3px rgba(138, 186, 255, 0.16) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .form-control::placeholder,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table .form-control::placeholder {
    color: var(--app-ledger-muted) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) .select2-container--bootstrap5 .select2-dropdown,
:is(html[data-theme="dark"], body[data-theme="dark"]) .select2-container--bootstrap5 .select2-results__option,
:is(html[data-theme="dark"], body[data-theme="dark"]) .select2-container--bootstrap5 .select2-search__field {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-card-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) .select2-container--bootstrap5 .select2-results__option--highlighted,
:is(html[data-theme="dark"], body[data-theme="dark"]) .select2-container--bootstrap5 .select2-results__option.select2-results__option--selected {
    background: var(--app-ledger-hover) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table .badge,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table .badge {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-head-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table .badge-light-success,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table .badge-success,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table .badge-light-success {
    background: var(--app-ledger-success-soft) !important;
    color: var(--app-ledger-success) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table .badge-light-danger,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table .badge-danger,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table .badge-light-danger {
    background: var(--app-ledger-danger-soft) !important;
    color: var(--app-ledger-danger) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table .badge-light-warning,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table .badge-warning,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table .badge-light-warning {
    background: var(--app-ledger-warning-soft) !important;
    color: var(--app-ledger-warning) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table .badge-light-primary,
:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table .badge-light-primary {
    background: var(--app-ledger-primary-soft) !important;
    color: var(--app-ledger-primary) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table .table-action,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .table-action,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn-icon,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table td:last-child .btn.btn-sm:not(.btn-icon):not(.table-action) {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-card-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) .ledger-data-table .dataTables_processing,
:is(html[data-theme="dark"], body[data-theme="dark"]) .dataTables_wrapper .dataTables_processing {
    border-color: var(--app-ledger-border-soft) !important;
    background: rgba(27, 30, 36, 0.96) !important;
    color: var(--app-ledger-text) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content pre,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content code,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .border,
:is(html[data-theme="dark"], body[data-theme="dark"]) #myModal .onec-value,
:is(html[data-theme="dark"], body[data-theme="dark"]) #myModal .onec-finance-table td,
:is(html[data-theme="dark"], body[data-theme="dark"]) #myModal .onec-related-table th,
:is(html[data-theme="dark"], body[data-theme="dark"]) #myModal .onec-related-table td {
    border-color: var(--app-ledger-border-soft) !important;
    background-color: var(--app-ledger-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content a:not(.btn),
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .table-responsive:not(.ledger-table-optout) > table.table a:not(.btn) {
    color: var(--app-ledger-link) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) .flatpickr-calendar,
:is(html[data-theme="dark"], body[data-theme="dark"]) .flatpickr-innerContainer,
:is(html[data-theme="dark"], body[data-theme="dark"]) .flatpickr-rContainer,
:is(html[data-theme="dark"], body[data-theme="dark"]) .flatpickr-days,
:is(html[data-theme="dark"], body[data-theme="dark"]) .flatpickr-day {
    background: var(--app-ledger-card-bg) !important;
    border-color: var(--app-ledger-border-soft) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) .flatpickr-day:hover,
:is(html[data-theme="dark"], body[data-theme="dark"]) .flatpickr-day:focus {
    background: var(--app-ledger-hover) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-header .tabulator-col,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-header .tabulator-col-row-handle,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-head-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-header .tabulator-col-title,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-header .tabulator-col-sorter,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-col-content {
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-tableholder,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-table,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-placeholder {
    background: var(--app-ledger-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-tableholder .tabulator-table .tabulator-row,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator-row,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator-row .tabulator-cell {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-tableholder .tabulator-table .tabulator-row:nth-child(even),
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator-row.tabulator-row-even {
    background: var(--app-ledger-row-alt) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-tableholder .tabulator-table .tabulator-row:nth-child(even) .tabulator-cell,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator-row.tabulator-row-even .tabulator-cell {
    background: var(--app-ledger-row-alt) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-tableholder .tabulator-table .tabulator-row:hover,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-tableholder .tabulator-table .tabulator-row:hover .tabulator-cell {
    background: var(--app-ledger-hover) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-footer {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-head-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-footer .tabulator-page,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-footer .tabulator-page-size,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-footer .tabulator-pages button {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-card-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-footer .tabulator-page.active,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-footer .tabulator-page:hover {
    background: var(--app-ledger-hover) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-loader,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tabulator .tabulator-loader-msg {
    background: rgba(27, 30, 36, 0.92) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .onec-form,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .onec-table-wrap,
:is(html[data-theme="dark"], body[data-theme="dark"]) .modal .onec-form,
:is(html[data-theme="dark"], body[data-theme="dark"]) .modal .onec-table-wrap {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-card-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .onec-toolbar,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .onec-table-wrap thead tr,
:is(html[data-theme="dark"], body[data-theme="dark"]) .modal .onec-toolbar,
:is(html[data-theme="dark"], body[data-theme="dark"]) .modal .onec-table-wrap thead tr {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-head-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .onec-btn,
:is(html[data-theme="dark"], body[data-theme="dark"]) .modal .onec-btn {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .onec-btn:hover,
:is(html[data-theme="dark"], body[data-theme="dark"]) .modal .onec-btn:hover {
    background: var(--app-ledger-hover) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .onec-label,
:is(html[data-theme="dark"], body[data-theme="dark"]) .modal .onec-label {
    color: var(--app-ledger-muted) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .onec-value,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .onec-table-wrap th,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .onec-table-wrap td,
:is(html[data-theme="dark"], body[data-theme="dark"]) .modal .onec-value,
:is(html[data-theme="dark"], body[data-theme="dark"]) .modal .onec-table-wrap th,
:is(html[data-theme="dark"], body[data-theme="dark"]) .modal .onec-table-wrap td {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .reserve-formula,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .reserve-kpi {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-card-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .reserve-timeline {
    background: var(--app-ledger-head-bg) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .contract-form-hero,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .contract-panel,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .contract-panel-accent,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .payment-schedule-panel,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .client-quick-panel,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .contract-meta-card,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .client-form-section,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .client-form-tabs,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .report-grid-toolbar {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-card-bg) !important;
    color: var(--app-ledger-text) !important;
    box-shadow: none !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .contract-panel-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) .client-create-modal .modal-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) .client-create-modal .modal-footer {
    border-color: var(--app-ledger-border-soft) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .contract-meta-label,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .contract-panel-header span,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .payment-schedule-head,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .payment-schedule-total,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .form-label.small {
    color: var(--app-ledger-muted) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .contract-meta-card strong,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .contract-panel-header h6,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .client-quick-panel-title {
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .select-plus-group .select-plus-btn,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .input-group-text,
:is(html[data-theme="dark"], body[data-theme="dark"]) .client-create-modal .input-group-text {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-head-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .client-quick-errors {
    border-color: var(--app-ledger-danger-soft) !important;
    background: var(--app-ledger-danger-soft) !important;
    color: var(--app-ledger-danger) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-page,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-page * {
    --term-bg: #15171c;
    --term-panel: var(--app-ledger-card-bg);
    --term-border: var(--app-ledger-border-soft);
    --term-accent: var(--app-ledger-primary);
    --term-accent-soft: var(--app-ledger-primary-soft);
    --term-text: var(--app-ledger-text);
    --term-muted: var(--app-ledger-muted);
    --term-success-bg: var(--app-ledger-success-soft);
    --term-success-text: var(--app-ledger-success);
    --term-warning-bg: var(--app-ledger-warning-soft);
    --term-warning-text: var(--app-ledger-warning);
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-shell,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-panel,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-contract-item,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-kpi,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-fieldset {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-card-bg) !important;
    color: var(--app-ledger-text) !important;
    box-shadow: none !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-panel-head {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-head-bg) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-contract-item.is-highlight,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-kpi.is-success,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-kpi.is-warning {
    background: var(--app-ledger-head-bg) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-panel-title,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-value,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-kpi-value,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-fieldset-title {
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-panel-subtitle,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-label,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-value.is-empty,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-kpi-label,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .termination-kpi-note {
    color: var(--app-ledger-muted) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-embedded-grid {
    --osv-card-bg: var(--app-ledger-card-bg);
    --osv-panel-bg: var(--app-ledger-head-bg);
    --osv-surface: var(--app-ledger-bg);
    --osv-surface-alt: var(--app-ledger-row-alt);
    --osv-border: var(--app-ledger-border);
    --osv-border-soft: var(--app-ledger-border-soft);
    --osv-text: var(--app-ledger-text);
    --osv-text-muted: var(--app-ledger-muted);
    --osv-link: var(--app-ledger-link);
    --osv-hover: var(--app-ledger-hover);
    --osv-total: var(--app-ledger-head-bg);
    background: var(--app-ledger-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c .card,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c .card-body,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c .osv-filters,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c .nav-tabs,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c .table-responsive,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c table,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .card-body,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c form,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .nav-tabs,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .report-grid-toolbar {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-card-bg) !important;
    color: var(--app-ledger-text) !important;
    box-shadow: none !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c .card-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c thead,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c thead th {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-head-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c tbody td,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c tfoot td,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c tbody tr[data-has-children="1"] td {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c tbody tr:nth-child(even) td {
    background: var(--app-ledger-row-alt) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c tbody tr:hover td {
    background: var(--app-ledger-hover) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c .card-title h3,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .card-title h3,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .tabulator-cell[tabulator-field="balance_amount"] {
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c .card-title .fs-6,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .card-title .fs-6,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c .form-label.small,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .form-label.small,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c .nav-tabs .nav-link,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .nav-tabs .nav-link {
    color: var(--app-ledger-muted) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-1c .nav-tabs .nav-link.active,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .nav-tabs .nav-link.active {
    background: var(--app-ledger-hover) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .tabulator-cell[tabulator-field="debit_amount"],
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .tabulator-cell[tabulator-field="debit"],
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .tabulator-cell[tabulator-field="opening_debit"],
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .tabulator-cell[tabulator-field="closing_debit"] {
    background: var(--app-ledger-primary-soft) !important;
    color: var(--app-ledger-primary) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .tabulator-cell[tabulator-field="credit_amount"],
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .tabulator-cell[tabulator-field="credit"],
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .tabulator-cell[tabulator-field="opening_credit"],
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .tabulator-cell[tabulator-field="closing_credit"],
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .tabulator-cell[tabulator-field="balance_amount"],
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .tabulator-row.osv-grid-opening,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .osv-card-1c .tabulator-row.osv-grid-total {
    background: var(--app-ledger-head-bg) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) .select2-container--bootstrap-5 .select2-selection,
:is(html[data-theme="dark"], body[data-theme="dark"]) .select2-container--default .select2-selection--single,
:is(html[data-theme="dark"], body[data-theme="dark"]) .select2-container--default .select2-dropdown,
:is(html[data-theme="dark"], body[data-theme="dark"]) .select2-container--default .select2-search__field {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) .select2-container--bootstrap-5 .select2-selection__rendered,
:is(html[data-theme="dark"], body[data-theme="dark"]) .select2-container--default .select2-selection__rendered,
:is(html[data-theme="dark"], body[data-theme="dark"]) .select2-container--default .select2-results__option {
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) .select2-container--default .select2-results__option--highlighted[aria-selected],
:is(html[data-theme="dark"], body[data-theme="dark"]) .select2-container--default .select2-results__option--selected {
    background: var(--app-ledger-hover) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .form-section,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .compact-accordion .accordion-body,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .accordion-item {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-card-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .form-section h5,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .accordion-button {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-head-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .section-note {
    color: var(--app-ledger-muted) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .client-form-tab {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-card-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .client-form-tab.is-active {
    border-color: var(--app-ledger-primary) !important;
    background: var(--app-ledger-primary-soft) !important;
    color: var(--app-ledger-primary) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .coa-show-card,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .coa-show-item {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-card-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .coa-show-card h4,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .coa-show-value {
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .coa-show-subtitle,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .coa-show-label {
    color: var(--app-ledger-muted) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .tx-account-code {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-head-bg) !important;
    color: var(--app-ledger-primary) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .reserve-index-panel,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .reserve-index-pagination,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .reserve-document-compact-header,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .reserve-document-pill {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-head-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .reserve-index-table thead th,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .reserve-document-table thead th {
    border-color: var(--app-ledger-border-soft) !important;
    background: var(--app-ledger-head-bg) !important;
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .reserve-index-table tbody tr:hover td,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .reserve-document-table tbody tr:hover td {
    background: var(--app-ledger-hover) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .reserve-document-pill span {
    color: var(--app-ledger-muted) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .reserve-document-pill strong {
    color: var(--app-ledger-text) !important;
}

:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .btn.bg-white,
:is(html[data-theme="dark"], body[data-theme="dark"]) #kt_app_content .bg-white {
    background: var(--app-ledger-card-bg) !important;
    color: var(--app-ledger-text) !important;
}