.feed-page{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.feed-page .panel{padding:22px}.feed-page h2{font-size:17px;margin:0}.feed-page .panel-head{margin-bottom:18px;gap:14px;flex-wrap:wrap}.feed-page table{width:100%;border-collapse:collapse;font-size:12px}.feed-page th{background:#edf2fb;color:#61728d;font-size:11px;text-align:left;white-space:nowrap}.feed-page th,.feed-page td{padding:13px 12px;border-bottom:1px solid #e7edf5;vertical-align:middle}.feed-page tbody tr:nth-child(even){background:#f8fafd}.feed-page small{display:block;margin-top:5px;font-size:11px;color:#728198;max-width:350px;overflow-wrap:anywhere}.feed-page tr.feed-problem,.feed-page tr.feed-problem:nth-child(even){background:#fff0f0}.feed-page .feed-problem td{border-color:#f4d7d7}.feed-status{display:inline-block;padding:5px 9px;border-radius:6px;background:#edf0f5;color:#63748d;font-size:11px;font-weight:600}.feed-status.bad{background:#fbd7d7;color:#a82933}.feed-status.good{background:#e4f5ed;color:#197552}.feed-money,.feed-account{white-space:nowrap;font-variant-numeric:tabular-nums}.feed-page .feed-account{color:#243854}.feed-no{color:#8491a6;text-align:center;width:40px}.feed-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:#77869c}.feed-pagination nav{display:flex;gap:6px;flex-wrap:wrap}.feed-pagination a{padding:7px 11px;background:#f5f7fb;color:#61718b;border:1px solid #e1e7f1;margin:0;font-size:12px}.feed-pagination a.selected{background:#e9efff;color:#365bd3;border-color:#bacafa}.feed-help{font-size:12px;color:#74839a;line-height:1.7;margin:18px 0 0;padding:12px 14px;background:#f7f9fc;border-radius:8px}.feed-page .table-wrap{overflow:auto}@media(max-width:650px){.feed-page .panel{padding:16px}.feed-page table{min-width:700px}}

.feed-page #approved th,.feed-page #approved td,.feed-page #entries th,.feed-page #entries td{white-space:nowrap}.feed-page .feed-search{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:14px;background:#f7f9fc;border-radius:9px;margin:0 0 18px}.feed-page .feed-search label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:12px}.feed-page .feed-search input,.feed-page .feed-search select{margin:0;height:42px;min-width:220px}.feed-page .feed-search button,.feed-page .feed-search .button{height:42px;margin:0;font-size:12px}.feed-page #approved table{min-width:1450px}.feed-page #entries table{min-width:1050px}

.feed-page section[aria-busy=true] .table-wrap{opacity:.6}.feed-load-error{color:#b13333;font-size:12px;margin:12px 0}.feed-page .table-wrap{overflow-anchor:none}

.feed-page tr.feed-manual,.feed-page tr.feed-manual:nth-child(even){background:#f1edff}.feed-page .feed-manual td{border-color:#ded5f5}.feed-status.manual{background:#e2d6ff;color:#653ba5}

.feed-tabs{display:flex;gap:6px;padding:6px;margin:0 0 22px;background:#eaf0fa;border:1px solid #dce5f3;border-radius:12px;overflow:auto}
.feed-tabs a{display:block;flex:1;text-align:center;padding:13px 18px;margin:0;border:1px solid transparent;border-radius:9px;color:#64748b;font-size:13px;font-weight:650;white-space:nowrap;text-decoration:none}
.feed-tabs a[aria-selected="true"]{background:#fff;color:#3557db;border-color:#dfe7f5;box-shadow:0 2px 5px #2438540d}
.feed-tabs a:focus-visible{outline:2px solid #4b68ed;outline-offset:1px}
.feed-page [data-tab-panel][hidden]{display:none!important}
.feed-marker{font-size:11px;white-space:nowrap;user-select:all;color:#3e506b;background:#f1f4f9;padding:5px 7px;border-radius:5px}
@media(max-width:650px){.feed-tabs a{padding:11px 12px}.feed-tabs{margin-bottom:16px}}


.mutasi-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.mutasi-total{padding:14px 16px;border:1px solid #dce5f6;border-radius:12px;background:#f1f5ff;min-width:0}
.mutasi-total.sheet{background:#edf9f2;border-color:#ccebd9}.mutasi-total.diff{background:#f6f7fb}
.mutasi-total h3{font-size:12px;color:#53627a;margin:0 0 10px}.mutasi-total-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:6px 0}
.mutasi-total-line span{font-size:12px;color:#53627a}.mutasi-total-line strong{font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}.mutasi-total .negative{color:#c32c3b}
.mutasi-total small{display:block;font-size:11px;color:#68768d;margin-top:6px}
@media(max-width:700px){.mutasi-totals{gap:6px}.mutasi-total{padding:10px 8px}.mutasi-total-line{display:block}.mutasi-total-line strong{display:block;font-size:14px;white-space:normal;overflow-wrap:anywhere}}

.feed-page #withdraw .feed-search [data-refresh]{margin-left:auto;flex-shrink:0}

.panel-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:7px;border-radius:12px;background:#dc2626;color:#fff;font-size:11px;line-height:1;font-weight:700}.panel-count[hidden]{display:none}.sidebar .panel-count{margin-left:auto}

#approved .feed-search [data-refresh]{margin-left:auto;align-self:end}

/* Mutasi form counts */

#mutasi .mutasi-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px;align-items:stretch}
#mutasi .mutasi-total{padding:20px 22px;border-radius:14px;min-width:0}
#mutasi .mutasi-total h3{margin:0 0 18px;font-size:14px;font-weight:700}
#mutasi .mutasi-metric-group+.mutasi-metric-group{border-top:1px solid rgba(25,49,85,.10);margin-top:16px;padding-top:16px}
#mutasi .mutasi-metric{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
#mutasi .mutasi-metric-label{font-size:13px;padding-top:5px;color:#526580}
#mutasi .mutasi-metric-values{text-align:right;min-width:0;font-variant-numeric:tabular-nums}
#mutasi .mutasi-form-count{display:flex;justify-content:flex-end;align-items:baseline;gap:6px;line-height:1.15}
#mutasi .mutasi-form-count b{font-size:27px;font-weight:750;letter-spacing:-.6px}
#mutasi .mutasi-form-count span{font-size:12px;color:#64748b;font-weight:400}
#mutasi .mutasi-metric-values>strong{display:block;margin-top:6px;font-size:15px;font-weight:600;overflow-wrap:anywhere}
#mutasi .mutasi-metric-group>small{display:block;font-size:11px;line-height:1.5;margin-top:7px;text-align:right}
@media(max-width:760px){ #mutasi .mutasi-totals{grid-template-columns:1fr}#mutasi .mutasi-total{padding:18px}#mutasi .mutasi-form-count b{font-size:25px}}


/* Nominal is primary; form count is secondary. */
#mutasi .mutasi-metric-values{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
#mutasi .mutasi-metric-values>strong{order:0;margin:0;font-size:24px;font-weight:750;line-height:1.25;letter-spacing:-.4px}
#mutasi .mutasi-form-count{order:1;align-items:baseline;gap:4px;line-height:1.4}
#mutasi .mutasi-form-count b{font-size:13px;font-weight:650;letter-spacing:0;color:#526580}
#mutasi .mutasi-form-count span{font-size:12px;color:#64748b}
#mutasi .mutasi-form-count b.negative{color:#c32c3b}
#mutasi .mutasi-metric-label{padding-top:5px;font-size:13px;font-weight:500}
@media(max-width:1100px){ #mutasi .mutasi-metric-values>strong{font-size:20px}}
@media(max-width:760px){ #mutasi .mutasi-metric-values>strong{font-size:23px}}

/* Compact card totals: label and count left, nominal right. */
#mutasi .mutasi-compact-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
#mutasi .mutasi-compact-label{font-size:13px;font-weight:600;color:#526580;line-height:1.5}
#mutasi .mutasi-count-badge{display:inline-block;white-space:nowrap;font-weight:700;color:#334155;margin-left:3px;font-variant-numeric:tabular-nums}
#mutasi .mutasi-compact-amount{font-size:24px;font-weight:750;line-height:1.3;letter-spacing:-.4px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(min-width:761px) and (max-width:1200px){ #mutasi .mutasi-compact-amount{font-size:20px} #mutasi .mutasi-total{padding:16px 14px} #mutasi .mutasi-compact-label{font-size:12px}}
@media(max-width:380px){ #mutasi .mutasi-compact-amount{font-size:20px}}

/* Daily cards remain independent of table filters. */
#mutasi .mutasi-totals{grid-template-columns:repeat(4,minmax(0,1fr))}
#mutasi .mutasi-total{padding:16px}
#mutasi .mutasi-compact-amount{font-size:21px}
#mutasi .mutasi-total.source{background:#f8fafc;border-color:#e2e8f0}
#mutasi .mutasi-source-pending{font-size:17px;font-weight:600;color:#64748b;margin-top:22px}
#mutasi .mutasi-source-note{margin-bottom:12px;line-height:1.6}
#mutasi .mutasi-filter-summary{border:1px solid #dce5f6;border-radius:12px;padding:16px;margin:18px 0;background:#f8fafc}
#mutasi .mutasi-filter-summary h3{font-size:14px;margin:0 0 12px}
#mutasi .mutasi-filter-summary td strong{font-size:17px}
#mutasi .mutasi-filter-summary td small{display:block;font-size:12px;color:#64748b;margin-top:4px}
@media(max-width:1250px){ #mutasi .mutasi-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){ #mutasi .mutasi-totals{grid-template-columns:1fr}}

/* Four summary cards stay on one row; narrow screens scroll horizontally. */
#mutasi .mutasi-totals{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px;align-items:stretch}
#mutasi .mutasi-total{padding:16px;min-width:0}
#mutasi .mutasi-compact-row{gap:8px}
#mutasi .mutasi-compact-amount{font-size:21px}
#mutasi .mutasi-compact-label{font-size:12px}
#mutasi .mutasi-filter-summary{margin:18px 0}

/* Compact transaction cells; details expand without hiding data. */
#mutasi>.table-wrap{overflow-x:auto}
#mutasi .mutasi-identity,#mutasi .mutasi-account{white-space:nowrap}
#mutasi .mutasi-status-line{display:flex;align-items:baseline;gap:10px}
#mutasi .mutasi-status-line>.feed-status{flex-shrink:0;white-space:nowrap}
#mutasi .mutasi-row-details{margin:0;min-width:70px}
#mutasi .mutasi-row-details>summary{white-space:nowrap;cursor:pointer;margin:0}
#mutasi .mutasi-row-details[open]{min-width:260px;max-width:400px}
#mutasi .mutasi-row-details p,#mutasi .mutasi-row-details small{white-space:normal;overflow-wrap:anywhere}

/* Clearer form counts and problem rows, scoped to Mutasi. */
#mutasi .mutasi-count-badge{font-size:16px;font-weight:750;line-height:1.35;margin-left:5px;color:#263c5b}
#mutasi .mutasi-count-badge.negative{color:#b42335}
#mutasi>.table-wrap tbody tr.feed-problem>td{background:#ffe2e6;border-bottom-color:#efb8c0}
#mutasi>.table-wrap tbody tr.feed-problem:hover>td{background:#ffd5dc}
#mutasi>.table-wrap tbody tr.feed-problem>td:first-child{box-shadow:inset 3px 0 #dc6677}

/* More visible alternating rows; problem colors remain dominant. */
#mutasi>.table-wrap tbody tr:not(.feed-problem):nth-child(odd)>td{background:#ffffff}
#mutasi>.table-wrap tbody tr:not(.feed-problem):nth-child(even)>td{background:#eaf0f8}
#mutasi>.table-wrap tbody tr:not(.feed-problem)>td{border-bottom-color:#dce4ef}
#mutasi>.table-wrap tbody tr:not(.feed-problem):hover>td{background:#dfe9f6}

/* More visible alternating rows; problem colors remain dominant. */
#mutasi>.table-wrap tbody tr:not(.feed-problem):nth-child(odd)>td{background:#ffffff}
#mutasi>.table-wrap tbody tr:not(.feed-problem):nth-child(even)>td{background:#f2f5fa}
#mutasi>.table-wrap tbody tr:not(.feed-problem)>td{border-bottom-color:#e7edf5}
#mutasi>.table-wrap tbody tr:not(.feed-problem):hover>td{background:#eaf0f8}

/* Master Panel source card, matching the blue reference. */
#mutasi .mutasi-total.source{background:#0876dc;border-color:#0876dc;border-radius:16px;color:#fff}
#mutasi .mutasi-total.source h3,#mutasi .mutasi-total.source .mutasi-compact-label,#mutasi .mutasi-total.source .mutasi-count-badge,#mutasi .mutasi-total.source .mutasi-compact-amount,#mutasi .mutasi-total.source .mutasi-source-pending{color:#fff}
#mutasi .mutasi-total.source small{color:#e1efff}
#mutasi .mutasi-total.source .mutasi-metric-group+.mutasi-metric-group{border-top-color:rgba(255,255,255,.25)}