/* v16.60 · Smart Expandable Cards — hanya gaya. Keadaan tertutup = hanya satu baris kecil. */
.v5 .sc-card { margin-top: 8px; border-top: 1px solid var(--ln, rgba(255,255,255,.08)); }
.v5 .sc-trig { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-height: 44px; padding: 8px 2px; background: none; border: 0; color: var(--mu, #9aa0a6); font: inherit; font-size: 13px; cursor: pointer; text-align: left; -webkit-tap-highlight-color: transparent; }
.v5 .sc-trig:hover { color: var(--tx, inherit); }
.v5 .sc-trig:focus-visible { outline: 2px solid var(--gold, #d4af37); outline-offset: 2px; border-radius: 8px; }
.v5 .sc-chev { width: 8px; height: 8px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .25s ease; flex: none; }
.v5 .sc-open > .sc-trig .sc-chev { transform: rotate(-135deg) translateY(-2px); }
.v5 .sc-body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .28s ease; }
.v5 .sc-open > .sc-body { grid-template-rows: 1fr; }
.v5 .sc-inner { overflow: hidden; min-height: 0; }
.v5 .sc-rows { margin: 0; padding: 2px 0 12px; }
.v5 .sc-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px 0; font-size: 13px; }
.v5 .sc-row + .sc-row { border-top: 1px dashed var(--ln, rgba(255,255,255,.08)); }
.v5 .sc-row dt { margin: 0; color: var(--mu, #9aa0a6); }
.v5 .sc-row dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; overflow-wrap: anywhere; }
.v5 .sc-row dd.pos { color: var(--win, #2dd4bf); }
.v5 .sc-row dd.neg { color: var(--loss, #ff7a68); }
.v5 .sc-total { border-top: 1px solid var(--ln, rgba(255,255,255,.14)) !important; margin-top: 2px; }
.v5 .sc-total dt { color: inherit; font-weight: 600; }
.v5 .sc-note { margin: 0 0 12px; font-size: 12px; line-height: 1.5; color: var(--mu, #9aa0a6); opacity: .85; }
/* rincian di dalam tile Ringkasan (.pf-td) */
.v5 .pf-td .sc-rows { padding: 8px 0 4px; }
.v5 .pf-td .sc-note { margin: 2px 0 8px; }
@media (prefers-reduced-motion: reduce) { .v5 .sc-body, .v5 .sc-chev { transition: none; } }