/* Account cards and transaction history share a single dashboard. */
html[data-theme] .page-dashboard #accounts-grid { grid-template-columns: repeat(auto-fill,minmax(min(100%,280px),1fr)); gap: 18px; }
html[data-theme] .dashboard-mutasi { margin-top: 24px; border: 1px solid var(--theme-border-color); border-radius: 18px; background: var(--theme-bg-primary); scroll-margin-top: 90px; min-width: 0; }
.inline-mutasi-tabs { display: flex; gap: 6px; padding: 12px 16px 0; overflow-x: auto; border-bottom: 1px solid var(--theme-border-light); min-height: 48px; }
.inline-mutasi-tab { flex: 0 0 auto; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 15px; font: 600 12px/1.4 'Plus Jakarta Sans',sans-serif; color: var(--theme-text-muted); border: 1px solid transparent; border-bottom: 0; border-radius: 10px 10px 0 0; background: transparent; cursor: pointer; }
.inline-mutasi-tab[aria-selected="true"] { color: var(--primary); background: var(--primary-soft); border-color: var(--primary-soft-border); box-shadow: inset 0 2px 0 var(--primary); }
.inline-mutasi-tab:focus-visible { outline: 2px solid var(--primary); outline-offset: -2px; }
.inline-mutasi-account { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--theme-border-light); }
.inline-mutasi-account > div { display: flex; align-items: center; gap: 9px; min-width: 0; }
.inline-mutasi-account i { color: var(--primary); }
.inline-mutasi-account strong { color: var(--theme-text-primary); font-size: 14px; overflow-wrap: anywhere; }
#inline-mutasi-period { color: var(--theme-text-muted); font-size: 11px; white-space: nowrap; }
html[data-theme] .dashboard-mutasi .topbar-mutasi-context { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-width: 0; padding: 16px 20px; border-bottom: 1px solid var(--theme-border-light); }
html[data-theme] .dashboard-mutasi .topbar-mutasi-heading { display: flex; flex-direction: column; gap: 5px; }
html[data-theme] .dashboard-mutasi .topbar-mutasi-title { font-family: 'Plus Jakarta Sans',sans-serif; font-size: 16px; }
html[data-theme] .dashboard-mutasi .topbar-mutasi-actions { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; padding: 0; background: transparent; border: 0; }
html[data-theme] .dashboard-mutasi .topbar-mutasi-btn { min-height: 40px; border: 1px solid var(--theme-border-color); border-radius: 9px; background: var(--theme-bg-secondary); }
html[data-theme] .dashboard-mutasi #mutasi-table-section { border: 0 !important; border-radius: 0 0 18px 18px; margin: 0; box-shadow: none; overflow: hidden; }
html[data-theme] .dashboard-mutasi .mutasi-table-wrap.mutasi-sheet-wrap { max-height: none; overflow: visible; }
html[data-theme] .dashboard-mutasi .mutasi-data-table { width: 100%; min-width: 0; }
html[data-theme] .dashboard-mutasi .mutasi-sheet-hint { padding: 12px 18px; color: var(--theme-text-muted); font-size: 11px; line-height: 1.5; border-top: 1px solid var(--theme-border-light); }
html[data-theme] .dashboard-mutasi .modal-backdrop { z-index: 600; }
html[data-theme] .dashboard-mutasi .mutasi-empty { padding: 40px 20px !important; }
@media (max-width: 991px) {
    html[data-theme] .dashboard-mutasi .topbar-mutasi-context { display: flex; padding: 14px; gap: 14px; }
    html[data-theme] .dashboard-mutasi .topbar-mutasi-heading { display: flex; }
    html[data-theme] .dashboard-mutasi .topbar-mutasi-actions { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 6px; width: 100%; }
    html[data-theme] .dashboard-mutasi .topbar-mutasi-btn { min-width: 0; width: 100%; height: 48px; flex-direction: column; gap: 5px; padding: 6px 2px; }
    html[data-theme] .dashboard-mutasi .mutasi-table-wrap.mutasi-sheet-wrap { max-height: none; overflow: visible; }
    html[data-theme] .dashboard-mutasi .mutasi-empty { border: 0; border-radius: 0 0 18px 18px; }
}
@media (max-width: 767px) {
    html[data-theme] .page-dashboard #accounts-grid { grid-template-columns: minmax(0,1fr); }
    html[data-theme] .dashboard-mutasi { margin-top: 20px; border-radius: 16px; scroll-margin-top: 80px; }
    .inline-mutasi-tabs { padding: 10px 10px 0; min-height: 46px; }
    .inline-mutasi-tab { max-width: 220px; padding: 9px 12px; font-size: 11px; }
    .inline-mutasi-account { padding: 15px 14px; flex-wrap: wrap; gap: 8px; }
    .inline-mutasi-account strong { font-size: 12px; }
    #inline-mutasi-period { font-size: 10px; }
    html[data-theme] .dashboard-mutasi .topbar-mutasi-context { padding: 14px 12px; }
    html[data-theme] .dashboard-mutasi .topbar-mutasi-actions { grid-template-columns: repeat(4,minmax(0,1fr)); }
    html[data-theme] .dashboard-mutasi #btn-name-correction-report { grid-column: span 2; flex-direction: row; gap: 8px; }
    html[data-theme] .dashboard-mutasi .mutasi-table-card > .section-card-body { padding: 0 !important; }
    html[data-theme] .dashboard-mutasi .mutasi-data-table tbody tr.mutasi-data-row { margin: 10px; }
}

.inline-mutasi-balance { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; margin-left: auto; }
.inline-mutasi-balance small { color: var(--theme-text-muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
#inline-mutasi-balance { font-size: 21px; line-height: 1.2; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--theme-text-primary); white-space: nowrap; }
@media (max-width: 767px) { #inline-mutasi-balance { font-size: 17px; } }

/* Clear column headings, with consistent numeric alignment and spacing. */
@media (min-width: 768px) {
    html[data-theme] .dashboard-mutasi #mutasi-table { width: 100%; min-width: 1080px; table-layout: auto; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead { background: var(--theme-bg-secondary); }
    html[data-theme] .dashboard-mutasi #mutasi-table thead tr { height: 48px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th {
        position: sticky; top: 0; z-index: 3;
        background: var(--theme-bg-secondary);
        color: var(--theme-text-secondary);
        padding: 15px 14px;
        border: 0;
        border-bottom: 1px solid var(--theme-border-color);
        font-size: 10px; font-weight: 700;
        letter-spacing: .065em; line-height: 1.5;
        white-space: nowrap; text-transform: uppercase;
    }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th:first-child { padding-left: 20px; min-width: 130px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th:last-child { padding-right: 20px; min-width: 108px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th:nth-child(4) { width: 24%; min-width: 190px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th:nth-child(5) { min-width: 125px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th:nth-child(6),
    html[data-theme] .dashboard-mutasi #mutasi-table thead th:nth-child(7),
    html[data-theme] .dashboard-mutasi #mutasi-table thead th:nth-child(8) { text-align: right; min-width: 105px; }
    html[data-theme="dark"] .dashboard-mutasi #mutasi-table thead th:nth-child(6) { color: #f2a6b0; }
    html[data-theme="dark"] .dashboard-mutasi #mutasi-table thead th:nth-child(7) { color: #7ddbb6; }
    html[data-theme="light"] .dashboard-mutasi #mutasi-table thead th:nth-child(6) { color: #b6374b; }
    html[data-theme="light"] .dashboard-mutasi #mutasi-table thead th:nth-child(7) { color: #087f5b; }
    html[data-theme] .dashboard-mutasi #mutasi-table tbody td:first-child { padding-left: 20px; }
    html[data-theme] .dashboard-mutasi #mutasi-table tbody td:last-child { padding-right: 20px; }
    html[data-theme] .dashboard-mutasi #mutasi-table tbody td { border-bottom: 1px solid var(--theme-border-light) !important; }
}
.mutasi-type-badge { display: inline-flex; align-items: center; padding: 4px 9px; border-radius: 999px; font-size: 10px; font-weight: 800; line-height: 1; letter-spacing: .025em; border: 1px solid transparent; }
.mutasi-type-badge.is-credit { color: var(--notify-success-text); background: var(--notify-success-bg); border-color: var(--notify-success-border); }
.mutasi-type-badge.is-debit { color: var(--notify-danger-text); background: var(--notify-danger-bg); border-color: var(--notify-danger-border); }
@media (min-width: 768px) {
    html[data-theme] .dashboard-mutasi #mutasi-table { width: 100%; min-width: 0; table-layout: auto; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th:nth-child(n) { color: var(--theme-text-muted); width: auto; min-width: 80px; text-align: left; padding: 15px 14px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-no { min-width: 45px; width: 45px; padding-left: 18px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-date { min-width: 150px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-type { min-width: 85px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-amount { min-width: 120px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-description { min-width: 260px; width: 25%; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-trxid { min-width: 230px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-balance { min-width: 120px; text-align: right; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-select { min-width: 36px; width: 36px; }
    html[data-theme] .dashboard-mutasi #mutasi-table tbody td { padding: 15px 14px; line-height: 1.5; }
    html[data-theme] .dashboard-mutasi #mutasi-table .mutasi-td-time { white-space: nowrap; color: var(--theme-text-secondary); font-size: 11px; }
    html[data-theme] .dashboard-mutasi #mutasi-table .mutasi-td-nominal { font-size: 13px; white-space: nowrap; color: var(--theme-text-primary); }
    html[data-theme] .dashboard-mutasi #mutasi-table .mutasi-td-desc { white-space: normal; overflow-wrap: anywhere; font-size: 12px; }
    html[data-theme] .dashboard-mutasi #mutasi-table .mutasi-td-trxid { font-family: 'JetBrains Mono',monospace; color: var(--theme-text-muted); font-size: 10px; white-space: nowrap; }
    html[data-theme] .dashboard-mutasi #mutasi-table .mutasi-td-saldo { white-space: nowrap; font-size: 12px; color: var(--theme-text-secondary); }
}
@media (max-width: 767px) {
    html[data-theme] .dashboard-mutasi .mutasi-data-table .mutasi-td-no { display: none; }
    html[data-theme] .dashboard-mutasi .mutasi-data-table .mutasi-td-type { grid-row: 3; grid-column: 3; justify-self: end; align-self: center; }
    html[data-theme] .dashboard-mutasi .mutasi-data-table .mutasi-td-nominal { grid-row: 3; grid-column: 1 / 3; color: var(--theme-text-primary); }
    html[data-theme] .dashboard-mutasi .mutasi-data-table .mutasi-td-trxid { grid-row: 8; grid-column: 1 / -1; overflow-wrap: anywhere; font-size: 10px; color: var(--theme-text-muted); margin-top: 4px; }
    html[data-theme] .dashboard-mutasi .mutasi-data-table .mutasi-td-trxid::before { content: 'TRX ID: '; font-weight: 600; }
    html[data-theme] .dashboard-mutasi .mutasi-data-table .mutasi-td-action { grid-row: 9; }
}

.inline-mutasi-account { flex-wrap: wrap; }
.inline-mutasi-date-form { display: flex; align-items: flex-end; gap: 10px; margin: 0 auto 0 20px; }
.inline-mutasi-date-form label { display: flex; flex-direction: column; gap: 5px; color: var(--theme-text-muted); font-size: 10px; font-weight: 600; }
.inline-mutasi-date-form .form-input { width: 155px; min-height: 38px; padding: 8px 10px; font-size: 12px; border-radius: 9px; background: var(--theme-input-bg); }
.inline-mutasi-date-form .btn { min-height: 38px; border-radius: 9px; }
@media (max-width: 1100px) {
    .inline-mutasi-date-form { flex: 1 1 380px; margin-left: 0; }
}
@media (max-width: 767px) {
    .inline-mutasi-account > div { order: 1; flex: 1; }
    .inline-mutasi-balance { order: 2; }
    .inline-mutasi-date-form { order: 3; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10px; flex: 0 0 100%; margin: 8px 0 0; padding-top: 14px; border-top: 1px solid var(--theme-border-light); }
    .inline-mutasi-date-form label { min-width: 0; font-size: 11px; }
    .inline-mutasi-date-form .form-input { width: 100%; min-width: 0; min-height: 44px; font-size: 16px; padding: 9px 8px; }
    .inline-mutasi-date-form .btn { grid-column: 1 / -1; min-height: 44px; }
}

/* Background history scan remains visible while rows load incrementally. */
.inline-mutasi-sync[hidden] { display: none; }
.inline-mutasi-sync { position: relative; display: flex; align-items: center; gap: 12px; padding: 15px 20px 18px; border-bottom: 1px solid var(--theme-border-light); background: var(--primary-soft); overflow: hidden; }
.inline-mutasi-sync > div { display: grid; gap: 5px; min-width: 0; flex: 1; }
.inline-mutasi-sync strong { font-size: 12px; color: var(--theme-text-primary); }
#inline-mutasi-sync-detail { font-size: 11px; line-height: 1.6; color: var(--theme-text-muted); overflow-wrap: anywhere; }
#inline-mutasi-sync-progress { color: var(--primary); font-size: 11px; white-space: nowrap; }
.inline-mutasi-sync-icon { flex: 0 0 20px; width: 20px; height: 20px; border: 2px solid var(--primary-soft-border); border-top-color: var(--primary); border-radius: 50%; }
.inline-mutasi-sync[data-state="running"] .inline-mutasi-sync-icon,
.inline-mutasi-sync[data-state="retrying"] .inline-mutasi-sync-icon { animation: inline-scan-spin 1s linear infinite; }
.inline-mutasi-sync[data-state="running"]::after,
.inline-mutasi-sync[data-state="retrying"]::after { content: ''; position: absolute; bottom: 0; left: 0; width: 28%; height: 2px; background: var(--primary); animation: inline-scan-track 2.4s ease-in-out infinite; }
.inline-mutasi-sync[data-state="success"] .inline-mutasi-sync-icon { border: 0; color: #22c55e; text-align: center; }
.inline-mutasi-sync[data-state="success"] .inline-mutasi-sync-icon::after { content: '\2713'; font-size: 20px; }
.inline-mutasi-sync[data-state="warning"] .inline-mutasi-sync-icon { border-color: #f59e0b; color: #f59e0b; text-align: center; }
.inline-mutasi-sync[data-state="warning"] .inline-mutasi-sync-icon::after { content: '!'; font-size: 13px; }
@keyframes inline-scan-spin { to { transform: rotate(360deg); } }
@keyframes inline-scan-track { 0% { transform: translateX(-110%); } 100% { transform: translateX(460%); } }
@media (max-width: 767px) { .inline-mutasi-sync { padding: 14px; flex-wrap: wrap; gap: 10px; } #inline-mutasi-sync-progress { width: 100%; padding-left: 30px; } }
@media (prefers-reduced-motion: reduce) { .inline-mutasi-sync .inline-mutasi-sync-icon, .inline-mutasi-sync::after { animation: none !important; } }

#inline-mutasi-sync-progress { display: grid; gap: 5px; text-align: right; white-space: normal; flex: 0 0 auto; max-width: 320px; }
#inline-mutasi-sync-progress strong { color: var(--primary); font-size: 13px; }
#inline-mutasi-sync-progress small { font-size: 10px; line-height: 1.5; color: var(--theme-text-muted); }
.inline-mutasi-sync[data-progress="known"][data-state="running"]::after,
.inline-mutasi-sync[data-progress="known"][data-state="retrying"]::after,
.inline-mutasi-sync[data-progress="known"][data-state="success"]::after { content: ''; position: absolute; left: 0; bottom: 0; width: var(--scan-progress,0%); height: 3px; background: var(--primary); animation: none; transform: none; transition: width .5s ease; }
@media (max-width: 767px) { #inline-mutasi-sync-progress { max-width: none; text-align: left; } }
@media (prefers-reduced-motion: reduce) { .inline-mutasi-sync::after { transition: none !important; } }

.inline-mutasi-view { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 20px; font-size: 11px; color: var(--theme-text-muted); border-bottom: 1px solid var(--theme-border-light); }
.inline-mutasi-view [hidden] { display: none !important; }
@media (max-width: 767px) { .inline-mutasi-view { padding: 10px 14px; } }

#mutasi-older-controls[hidden] { display: none !important; }
#mutasi-older-controls td { text-align: center !important; padding: 16px !important; border-bottom: 1px dashed var(--theme-border-color); }
@media (max-width: 767px) { #mutasi-older-controls, #mutasi-older-controls tr, #mutasi-older-controls td { display: block; width: 100%; } }

/* Read the full history on the page; only columns scroll inside the table. */
html[data-theme] .dashboard-mutasi #mutasi-table-section,
html[data-theme] .dashboard-mutasi #mutasi-table-section .section-card-body { display: block; height: auto; max-height: none; min-height: 0; flex: none; }
html[data-theme] .dashboard-mutasi .mutasi-table-wrap.mutasi-sheet-wrap { height: auto; max-height: none; min-height: 0; flex: none; overflow-x: auto; overflow-y: hidden; scrollbar-width: auto; scrollbar-color: var(--theme-text-muted) var(--theme-bg-secondary); }
.mutasi-horizontal-scroll { overflow-x: auto; overflow-y: hidden; height: 14px; scrollbar-width: auto; scrollbar-color: var(--theme-text-muted) var(--theme-bg-secondary); background: var(--theme-bg-secondary); border-bottom: 1px solid var(--theme-border-light); }
.mutasi-horizontal-scroll > div { height: 1px; }
.mutasi-horizontal-scroll::-webkit-scrollbar,
html[data-theme] .dashboard-mutasi .mutasi-table-wrap::-webkit-scrollbar { height: 11px; }
.mutasi-horizontal-scroll::-webkit-scrollbar-thumb,
html[data-theme] .dashboard-mutasi .mutasi-table-wrap::-webkit-scrollbar-thumb { background: var(--theme-text-muted); border-radius: 8px; border: 3px solid var(--theme-bg-secondary); }
@media (min-width: 768px) {
    html[data-theme] .dashboard-mutasi #mutasi-table.mutasi-sheet-grid { width: 100%; min-width: 1980px; min-height: 0; table-layout: auto; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th { padding: 16px; font-size: 10px; letter-spacing: .06em; border-bottom: 1px solid var(--theme-border-color); }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-description { width: 310px; min-width: 310px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-trxid { min-width: 285px; }
    html[data-theme] .dashboard-mutasi #mutasi-table tbody .mutasi-data-row td { padding: 14px 16px; line-height: 1.55; background: var(--theme-bg-primary) !important; }
    html[data-theme] .dashboard-mutasi #mutasi-table tbody .mutasi-data-row:nth-child(even) td { background: var(--theme-bg-secondary) !important; }
    html[data-theme] .dashboard-mutasi #mutasi-table tbody .mutasi-data-row:hover td,
    html[data-theme] .dashboard-mutasi #mutasi-table tbody .mutasi-data-row.is-copy-selected td { background: var(--primary-soft) !important; }
    html[data-theme] .dashboard-mutasi #mutasi-table .mutasi-td-time { font-size: 12px; }
    html[data-theme] .dashboard-mutasi #mutasi-table .mutasi-td-nominal { font-size: 14px; font-variant-numeric: tabular-nums; }
    html[data-theme] .dashboard-mutasi #mutasi-table .mutasi-td-desc { min-width: 310px; max-width: 370px; }
    html[data-theme] .dashboard-mutasi #mutasi-table .mutasi-td-trxid { font-size: 11px; letter-spacing: -.02em; }
    html[data-theme] .dashboard-mutasi #mutasi-older-controls td { text-align: center !important; }
    #mutasi-load-older { position: static; min-width: 124px; border: 1px solid var(--theme-border-color); border-radius: 10px; }
}
@media (max-width: 767px) { .mutasi-horizontal-scroll { display: none; } }

.mutasi-pager-content { position: sticky; left: 0; max-width: 100%; text-align: center; }

.mutasi-sender-name { font-weight: 800; color: var(--theme-text-primary); }
.mutasi-copy-sender { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 26px; height: 26px; padding: 0; margin-left: 5px; border: 0; border-radius: 5px; background: transparent; color: var(--theme-text-muted); cursor: pointer; }
.mutasi-copy-sender:hover { color: var(--primary); background: var(--primary-soft); }
.mutasi-copy-sender:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }

@media (min-width: 768px) {
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-description { min-width: 480px; width: auto; }
    html[data-theme] .dashboard-mutasi #mutasi-table .mutasi-td-desc { min-width: 480px; max-width: none; white-space: nowrap !important; overflow-wrap: normal; }
    .mutasi-sender-name { white-space: nowrap; }
}
.mutasi-sender-name { margin-left: 3px; }

.dashboard-mutasi #mutasi-table .mutasi-th-fee,.dashboard-mutasi #mutasi-table .mutasi-td-fee{min-width:100px;white-space:nowrap;text-align:right}.dashboard-mutasi #mutasi-table .mutasi-td-fee{color:var(--theme-text-muted);font-variant-numeric:tabular-nums}

#dashboard-mutasi[hidden]{display:none!important}
.inline-mutasi-tab-item{display:inline-flex;align-items:stretch;flex:0 0 auto;border:1px solid transparent;border-radius:11px 11px 0 0}
.inline-mutasi-tab-item.is-selected{border-color:var(--theme-border-light);background:var(--primary-soft)}
.inline-mutasi-tab-item .inline-mutasi-tab{border:0!important;background:transparent!important;box-shadow:none!important;padding-right:9px}
.inline-mutasi-tab-close{display:grid;place-items:center;align-self:center;width:27px;height:27px;margin-right:7px;border:0;border-radius:7px;background:transparent;color:var(--theme-text-muted);font-size:11px;cursor:pointer}
.inline-mutasi-tab-close:hover{background:var(--theme-bg-tertiary);color:var(--theme-text-primary)}
.inline-mutasi-tab-close:focus-visible{outline:2px solid var(--primary);outline-offset:1px}

.inline-monthly-limit{padding:18px 20px;border-top:1px solid var(--theme-border-light);background:var(--theme-bg-secondary)}.inline-monthly-limit[hidden]{display:none}.inline-limit-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;color:var(--theme-text-muted)}.inline-limit-heading strong{color:var(--theme-text-primary);font-size:13px}.inline-limit-heading i{margin-right:6px;color:var(--primary)}.inline-limit-track{height:6px;background:var(--theme-bg-tertiary);border-radius:8px;margin:12px 0 9px;overflow:hidden}.inline-limit-track>span{height:100%;display:block;background:var(--primary);border-radius:inherit;transition:width .25s}.is-near-limit .inline-limit-track>span{background:#ed626b}.inline-limit-details{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--theme-text-muted)}.inline-limit-details small{font-size:10px}.inline-mutasi-totals{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:wrap;padding:18px 20px;border-top:1px solid var(--theme-border-light);font-size:12px}.inline-mutasi-totals>small{margin-right:auto;color:var(--theme-text-muted);font-size:11px}.inline-mutasi-totals strong{margin-left:5px}.inline-total-credit{color:#34cb97}.inline-total-debit{color:#f37985}.inline-mutasi-totals i{margin-right:4px}@media(max-width:640px){.inline-limit-heading,.inline-limit-details{align-items:flex-start;flex-direction:column;gap:8px}.inline-mutasi-totals{gap:14px}.inline-mutasi-totals>small{width:100%}}

.inline-mutasi-account>.inline-mutasi-metrics{display:flex;align-items:center;justify-content:flex-end;gap:26px;margin-left:auto;flex:0 0 auto}
.inline-mutasi-monthly,.inline-mutasi-metrics .inline-mutasi-balance{display:flex;flex-direction:column;align-items:flex-end;gap:5px;margin:0}
.inline-mutasi-monthly[hidden]{display:none}
.inline-mutasi-monthly small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--theme-text-muted)}
#inline-monthly-outgoing{font-size:20px;line-height:1.2;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
.inline-mutasi-metrics .inline-mutasi-balance{padding-left:24px;border-left:1px solid var(--theme-border-light)}
@media(max-width:767px){.inline-mutasi-account>.inline-mutasi-metrics{order:2;gap:16px;flex:1 1 auto}.inline-mutasi-metrics .inline-mutasi-balance{padding-left:16px}#inline-monthly-outgoing{font-size:17px}.inline-mutasi-monthly small{font-size:9px}}

.inline-mutasi-date-form label,.inline-mutasi-date-form input[type="date"]{cursor:pointer}

/* Status tint applies to the entire row, including hover and selected rows. */
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table tbody tr.mutasi-data-row { --mutasi-row-bg: var(--theme-bg-primary); --mutasi-row-accent: transparent; }
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table tbody tr.mutasi-data-row:nth-child(even) { --mutasi-row-bg: var(--theme-bg-secondary); }
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table tbody tr.mutasi-data-row.approve-y { --mutasi-row-bg: #e8f7ee; --mutasi-row-accent: #22c55e; }
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table tbody tr.mutasi-data-row.mutasi-unmatched { --mutasi-row-bg: #fff2df; --mutasi-row-accent: #f59e0b; }
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table tbody tr.mutasi-data-row.mutasi-outgoing { --mutasi-row-bg: #fdecee; --mutasi-row-accent: #f43f5e; }
html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table tbody tr.mutasi-data-row.approve-y { --mutasi-row-bg: #277b66; }
html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table tbody tr.mutasi-data-row.mutasi-unmatched { --mutasi-row-bg: #79521f; }
html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table tbody tr.mutasi-data-row.mutasi-outgoing { --mutasi-row-bg: #79384b; }
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table tbody tr.mutasi-data-row:nth-child(n) td { background: var(--mutasi-row-bg) !important; color: var(--theme-text-primary); }
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table tbody tr.mutasi-data-row td:first-child { box-shadow: inset 3px 0 0 var(--mutasi-row-accent); }
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table tbody tr.mutasi-data-row:hover td { filter: brightness(1.04); }

html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-fee,
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-th-fee { text-align: left !important; }
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-fee,
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-th-fee { border-left: 2px solid var(--theme-text-muted) !important; }

/* Keep type and status labels legible over the brighter transaction rows. */
html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-type-badge.is-credit,
html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-approve .badge-active {
    color: #d1fae5; background: #07543d; border: 1px solid #4cbb91;
}
html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-type-badge.is-debit,
html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-outgoing .mutasi-td-approve .badge {
    color: #ffe4e9; background: #76253d; border: 1px solid #d97a91;
}
html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-approve .badge-warning {
    color: #fff0bd; background: #69420e; border: 1px solid #e0ab4b;
}
html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-approve .badge-inactive {
    color: #dbeafe; background: #25354e; border: 1px solid #6c839f;
}
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-approve .badge-warning {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 5px 10px; border-radius: 8px; font-size: 11px; font-weight: 700;
}
html[data-theme="light"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-approve .badge-warning {
    color: #854d0e; background: #fef3c7; border: 1px solid #f2c66d;
}

html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-user-id,
html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-approver {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 5px 10px; border-radius: 8px;
    color: #ecfdf5; background: #07543d; border: 1px solid #4cbb91;
    font-weight: 700; line-height: 1.4;
}
html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-force-manual-btn {
    color: #fff0bd; background: #69420e; border: 1px solid #e0ab4b;
    border-radius: 8px; padding: 6px 10px; font-weight: 700;
}
html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-force-manual-btn:hover {
    color: #fff8e1; background: #855614; border-color: #f6cb70;
}
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-force-manual-btn:focus-visible {
    outline: 2px solid #f6cb70; outline-offset: 3px;
}
html[data-theme="light"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-user-id,
html[data-theme="light"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-approver {
    color: #14532d; background: #dcfce7; border: 1px solid #86cfaa;
}
html[data-theme="light"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-force-manual-btn {
    color: #854d0e; background: #fef3c7; border: 1px solid #e4b65c;
}
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-user-id.is-empty,
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-approver.is-empty {
    padding: 0; border: 0; background: transparent; color: var(--theme-text-muted);
}
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-user-id.is-empty,
html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-approver.is-empty {
    padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important;
}
html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-user-id.is-empty,
html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-approver.is-empty,
html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-action-empty,
html[data-theme="dark"] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-fee {
    color: #ffffff !important;
}

/* Toast palette follows the transaction status colors. */
html[data-theme="dark"] #toast-container .toast-success {
    background: #277b66; border-color: #63d3ac; color: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
}
html[data-theme="dark"] #toast-container .toast-error {
    background: #79384b; border-color: #e48ca3; color: #ffffff;
}
html[data-theme="dark"] #toast-container .toast-info {
    background: #285784; border-color: #7db9f0; color: #ffffff;
}
html[data-theme="dark"] #toast-container .toast-item i { color: inherit; opacity: 1; }
html[data-theme="light"] #toast-container .toast-success {
    background: #e8f7ee; border-color: #86cfaa; color: #14532d;
}
html[data-theme="light"] #toast-container .toast-error {
    background: #fdecee; border-color: #e8a2b1; color: #881337;
}
html[data-theme="light"] #toast-container .toast-info {
    background: #eaf3ff; border-color: #9fc6ee; color: #1e4975;
}

/* Compact desktop columns: reserve space for content rather than large gaps. */
@media (min-width: 768px) {
    html[data-theme] .dashboard-mutasi #mutasi-table.mutasi-sheet-grid {
        width: 100%; min-width: 1690px; table-layout: fixed;
    }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th,
    html[data-theme] .dashboard-mutasi #mutasi-table tbody tr.mutasi-data-row td {
        padding: 12px 12px;
    }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-no { width: 40px; min-width: 40px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-date { width: 175px; min-width: 175px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-type { width: 88px; min-width: 88px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-amount { width: 120px; min-width: 120px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-description { width: 340px; min-width: 340px; }
    html[data-theme] .dashboard-mutasi #mutasi-table .mutasi-td-desc {
        min-width: 0; max-width: none; white-space: normal !important; overflow-wrap: anywhere;
    }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-trxid { width: 275px; min-width: 275px; }
    html[data-theme] .dashboard-mutasi #mutasi-table .mutasi-td-trxid { white-space: nowrap; font-size: 10px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-balance { width: 120px; min-width: 120px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th.mutasi-th-fee { width: 85px; min-width: 85px; }
    html[data-theme] .dashboard-mutasi #mutasi-table .mutasi-td-fee { min-width: 0; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th:nth-child(9) { width: 110px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th:nth-child(10),
    html[data-theme] .dashboard-mutasi #mutasi-table thead th:nth-child(11) { width: 105px; }
    html[data-theme] .dashboard-mutasi #mutasi-table thead th:nth-child(12) { width: 125px; }
}

/* Mobile: account identity, two summary tiles, then the date filter. */
@media(max-width:767px){
    html[data-theme] .dashboard-mutasi .inline-mutasi-account{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:18px 14px}
    html[data-theme] .dashboard-mutasi .inline-mutasi-account>div:first-child{order:0;display:flex;flex:none;gap:9px;width:100%;min-width:0}
    html[data-theme] .dashboard-mutasi #inline-mutasi-account-name{font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
    html[data-theme] .dashboard-mutasi .inline-mutasi-account>div:first-child>i{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid var(--theme-border-light);border-radius:10px;background:var(--primary-soft);font-size:15px}
    html[data-theme] .dashboard-mutasi .inline-mutasi-account>.inline-mutasi-metrics{order:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:0;flex:none}
    html[data-theme] .dashboard-mutasi .inline-mutasi-metrics>span{align-items:flex-start;justify-content:center;padding:12px 10px;gap:7px;min-width:0;min-height:70px;border:1px solid var(--theme-border-light);border-radius:12px;background:var(--theme-bg-primary)}
    html[data-theme] .dashboard-mutasi .inline-mutasi-metrics>span[hidden]{display:none}
    html[data-theme] .dashboard-mutasi .inline-mutasi-metrics>span small{font-size:8px;letter-spacing:.035em;line-height:1.5;white-space:normal}
    html[data-theme] .dashboard-mutasi #inline-monthly-outgoing,html[data-theme] .dashboard-mutasi #inline-mutasi-balance{font-size:16px;line-height:1.3;letter-spacing:-.4px;white-space:nowrap}
    html[data-theme] .dashboard-mutasi .inline-mutasi-date-form{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px 10px;flex:none;margin:0;padding-top:15px;border-top:1px solid var(--theme-border-light)}
    html[data-theme] .dashboard-mutasi .inline-mutasi-date-form label{min-width:0;font-size:11px;gap:7px}
    html[data-theme] .dashboard-mutasi .inline-mutasi-date-form input{width:100%;min-width:0;min-height:44px;font-size:14px;border-radius:10px;padding:9px 8px}
    html[data-theme] .dashboard-mutasi .inline-mutasi-date-form>.btn{grid-column:1/-1;min-height:44px;border-radius:11px;font-size:12px;justify-content:center}
    html[data-theme] .dashboard-mutasi .mutasi-empty{padding:32px 18px!important;min-height:230px}
    html[data-theme] .dashboard-mutasi .inline-mutasi-totals{padding:15px 14px;gap:12px;font-size:11px}
}

@media(max-width:767px){
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table tbody tr.mutasi-data-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:16px;margin:12px;border:1px solid var(--theme-border-light);border-left:3px solid var(--mutasi-row-accent);border-radius:14px;background:var(--mutasi-row-bg);box-shadow:0 5px 14px #00000012;overflow:hidden}
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table tbody tr.mutasi-data-row:nth-child(n) td{min-width:0;max-width:100%;width:auto;padding:0;margin:0;border:0!important;box-shadow:none!important;background:transparent!important;filter:none!important;line-height:1.5;text-align:left!important}
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-no,
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-akun{display:none!important}
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-time{grid-row:1;grid-column:1/-1;font-size:11px;white-space:nowrap;opacity:.9}
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-nominal{grid-row:2;grid-column:1;font-size:22px;line-height:1.3;font-weight:800;letter-spacing:-.5px;align-self:center}
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-type{grid-row:2;grid-column:2;justify-self:end;align-self:center}
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-desc{grid-row:3;grid-column:1/-1;white-space:normal!important;font-size:12px;overflow-wrap:anywhere;padding-bottom:12px!important;border-bottom:1px solid #ffffff24!important}
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-fee{grid-row:4;grid-column:1;font-size:11px;align-self:center}
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-fee::before{content:'Biaya: ';opacity:.8}
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-approve{grid-row:4;grid-column:2;justify-self:end}
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-user-id{grid-row:5;grid-column:1/-1;font-size:11px}
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-approver{grid-row:6;grid-column:1/-1;font-size:11px}
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-user-id,
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-approver{padding:3px 8px;font-size:10px;margin-left:5px}
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-trxid{grid-row:7;grid-column:1/-1;font-size:9px;line-height:1.65;white-space:normal;overflow-wrap:anywhere;opacity:.85}
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-td-action{grid-row:8;grid-column:1/-1}
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-force-manual-btn{min-height:40px;justify-content:center;border-radius:10px}
    html[data-theme] .page-mutasi.dashboard-mutasi #mutasi-table .mutasi-copy-sender{width:23px;height:23px;margin-left:3px}
}

.account-provider-brand{display:flex;align-items:center;margin-bottom:16px;min-height:27px}.account-provider-brand img{display:block;width:90px;height:auto;max-height:32px;object-fit:contain;object-position:left center}

.inline-mutasi-tab{display:inline-flex;align-items:center;gap:8px}.inline-mutasi-tab-logo{display:block;flex:0 0 auto;width:48px;height:auto;max-height:18px;object-fit:contain}.inline-mutasi-tab>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.inline-mutasi-tab-logo{width:42px;max-height:16px}}