/* Transaction right-pane reference. Shared shell, tokens and original detail controls remain intact. */
#page-dash.member-v2 #s-txs-page > .mtv2-shell { padding:24px; }
#s-txs-page > .mtv2-shell > .dcard-ttl, #s-txs-page > .mtv2-shell > .member-v2-history-sub { display:none; }
#d-txs.mtv2 { overflow:visible; min-width:0; color:var(--member-ink); }
#d-txs.mtv2 .mtv2-heading { display:flex; align-items:center; gap:16px; margin-bottom:24px; }
#d-txs.mtv2 .mtv2-heading-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:12px; background:var(--member-blue-soft); color:var(--member-blue); flex-shrink:0; }
#d-txs.mtv2 svg { width:20px; height:20px; flex-shrink:0; }
#d-txs.mtv2 .mtv2-heading-icon svg { width:27px; height:27px; }
#page-dash.member-v2 #d-txs.mtv2 .mtv2-heading h2 { margin:0 0 7px; font-size:26px; line-height:1.3; }
#d-txs.mtv2 .mtv2-heading p { font-size:13px; margin:0; color:var(--member-muted); }
#d-txs.mtv2 .mtv2-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
#d-txs.mtv2 .mtv2-stat { padding:20px 16px; display:flex; gap:16px; align-items:center; min-height:110px; }
#d-txs.mtv2 .mtv2-stat > div { min-width:0; }
#d-txs.mtv2 .mtv2-stat-icon { display:grid; place-items:center; flex-shrink:0; width:48px; height:48px; background:var(--member-blue-soft); color:var(--member-blue); border-radius:50%; }
#d-txs.mtv2 .mtv2-stat-label { display:block; color:#566d94; font-size:12px; margin-bottom:5px; }
#d-txs.mtv2 .mtv2-stat strong { display:block; font-size:23px; line-height:1.3; font-variant-numeric:tabular-nums; }
#d-txs.mtv2 .mtv2-stat small { display:block; color:var(--member-muted); font-size:11px; line-height:1.5; margin-top:5px; }
#d-txs.mtv2 .mtv2-stat[data-tone=negative] strong { color:var(--member-red); }
#d-txs.mtv2 .mtv2-stat[data-tone=negative] .mtv2-stat-icon { color:var(--member-red); background:var(--member-red-soft); }
#d-txs.mtv2 .mtv2-stat[data-tone=positive] strong { color:var(--member-green); }
#d-txs.mtv2 .mtv2-stat[data-tone=positive] .mtv2-stat-icon { color:var(--member-green); background:var(--member-green-soft); }
#d-txs.mtv2 .mtv2-stat[data-tone=purple] .mtv2-stat-icon { color:#9452ff; background:#f3edff; }
#d-txs.mtv2 .mtv2-table-card { padding:14px 14px 0; box-shadow:0 3px 14px rgb(37 82 134 / 3%); }
#d-txs.mtv2 .mtv2-tabs-row { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }
#d-txs.mtv2 .mtv2-tabs { gap:8px; flex-wrap:nowrap; }
#d-txs.mtv2 .mtv2-total { font-size:12px; color:var(--member-muted); flex-shrink:0; }
#page-dash.member-v2 #d-txs.mtv2 .rh-button { font-size:12px; padding:8px 12px; min-height:36px; border-radius:8px; white-space:nowrap; box-shadow:none; }
#page-dash.member-v2 #d-txs.mtv2 .mtv2-tab { border:0; background:#f3f7fc; color:#576a8d; padding:10px 18px; }
#page-dash.member-v2 #d-txs.mtv2 .mtv2-tab[aria-pressed=true], #page-dash.member-v2 #d-txs.mtv2 .mtv2-page[aria-current=page], #page-dash.member-v2 #d-txs.mtv2 .mtv2-refresh { background:var(--member-blue); color:#fff; -webkit-text-fill-color:#fff; border-color:var(--member-blue); box-shadow:0 3px 9px rgb(0 102 255 / 14%); }
#d-txs.mtv2 .mtv2-filters { display:grid; grid-template-columns:minmax(105px,1fr) minmax(105px,.85fr) minmax(270px,1.75fr) minmax(160px,1.6fr) auto; gap:10px; align-items:center; margin-bottom:16px; }
#page-dash.member-v2 #d-txs.mtv2 :is(.mtv2-filters select,.mtv2-filters input,.mtv2-footer select) { min-height:36px; font-size:12px; padding:8px 10px; border-radius:8px; color:#536b94; }
#d-txs.mtv2 .mtv2-date-range { display:flex; align-items:center; gap:4px; padding:0 8px; border:1px solid var(--member-border); border-radius:8px; height:36px; min-width:0; }
#d-txs.mtv2 .mtv2-date-range svg { width:16px; height:16px; color:var(--member-muted); }
#page-dash.member-v2 #d-txs.mtv2 .mtv2-date-range input { border:0; padding:6px 0; width:calc((100% - 40px)/2); min-width:0; background:transparent; font-size:11px; }
#d-txs.mtv2 .mtv2-date-range input::-webkit-calendar-picker-indicator { width:12px; padding:0; margin-left:0; }
#d-txs.mtv2 .mtv2-date-separator { color:var(--member-muted); font-size:12px; }
#d-txs.mtv2 .mtv2-search { position:relative; min-width:0; }
#d-txs.mtv2 .mtv2-search svg { position:absolute; left:10px; top:10px; width:16px; height:16px; color:var(--member-muted); pointer-events:none; }
#page-dash.member-v2 #d-txs.mtv2 .mtv2-search input { padding-left:32px; }
#d-txs.mtv2 .mtv2-refresh { display:inline-flex; align-items:center; justify-content:center; gap:7px; }
#d-txs.mtv2 .mtv2-refresh svg { width:15px; height:15px; }
#page-dash.member-v2 #d-txs.mtv2 .mtv2-table-head, #page-dash.member-v2 #d-txs.mtv2 .mtv2-row { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1.2fr) minmax(0,.75fr) minmax(0,1.45fr) minmax(80px,.6fr); gap:16px; align-items:center; }
#d-txs.mtv2 .mtv2-table-head { padding:13px 16px; background:#f4f8fc; color:#7485a5; font-size:12px; }
#d-txs.mtv2 .mtv2-list { gap:0; }
#page-dash.member-v2 #d-txs.mtv2 .rh-record { padding:0 !important; margin:0 !important; border:0 !important; border-bottom:1px solid var(--member-border) !important; border-radius:0 !important; overflow:visible; background:transparent; }
#page-dash.member-v2 #d-txs.mtv2 .rh-record:last-child { border-bottom:0 !important; }
#d-txs.mtv2 .mtv2-row { min-height:88px; padding:16px; }
#d-txs.mtv2 .mtv2-info { display:flex; align-items:center; gap:12px; min-width:0; }
#d-txs.mtv2 .mtv2-identity { display:flex; flex-direction:column; gap:3px; min-width:0; }
#d-txs.mtv2 .mtv2-name { font-size:13px; line-height:1.4; }
#d-txs.mtv2 :is(.mtv2-channel,.rh-date,.mtv2-balance-pair) { color:#7489ad; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
#d-txs.mtv2 .mtv2-row-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:var(--member-blue-soft); color:var(--member-blue); flex-shrink:0; }
#d-txs.mtv2 .mtv2-row-icon[data-type=purchase] { color:var(--member-green); background:var(--member-green-soft); }
#d-txs.mtv2 .mtv2-row-icon[data-type=refund] { color:#ff8a18; background:#fff2e2; }
#d-txs.mtv2 .rh-amount-block { gap:6px; }
#d-txs.mtv2 .rh-amount { font-size:14px; letter-spacing:0; line-height:1.4; overflow-wrap:anywhere; }
#d-txs.mtv2 [data-tone=negative] > .rh-amount { color:var(--member-red); }
#d-txs.mtv2 [data-tone=positive] > .rh-amount { color:var(--member-green); }
#d-txs.mtv2 [data-tone=neutral] > .rh-amount { color:var(--member-ink); }
#d-txs.mtv2 .mtv2-status { font-size:11px; line-height:1.5; padding:4px 10px; white-space:normal; gap:5px; }
#d-txs.mtv2 .mtv2-status::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; flex-shrink:0; }
#d-txs.mtv2 .mtv2-status[data-tone=info] { color:var(--member-blue); background:var(--member-blue-soft); }
#d-txs.mtv2 .mtv2-status[data-tone=refund] { color:#9452ff; background:#f3edff; }
#d-txs.mtv2 .mtv2-status[data-tone=neutral] { color:#70819e; background:#eef2f7; }
#d-txs.mtv2 .mtv2-order { display:flex; align-items:center; gap:4px; min-width:0; position:relative; }
#d-txs.mtv2 .mtv2-order-value { color:#7489ad; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
#page-dash.member-v2 #d-txs.mtv2 .mtv2-copy { background:transparent; border:0; padding:3px; min-height:28px; flex-shrink:0; color:#7f92b4; }
#d-txs.mtv2 .mtv2-copy svg { width:13px; height:13px; }
#d-txs.mtv2 .mtv2-copy-feedback { position:absolute; top:100%; left:0; font-size:10px; color:var(--member-blue); background:#fff; }
#page-dash.member-v2 #d-txs.mtv2 .mtv2-view { display:inline-flex; align-items:center; justify-content:center; gap:2px; padding:6px 0; border:0; background:transparent; color:var(--member-blue); min-height:32px; font-size:11px; }
#d-txs.mtv2 .mtv2-view svg { width:13px; height:13px; }
#d-txs.mtv2 .mtv2-action { display:flex; justify-content:flex-end; }
#d-txs.mtv2 .rh-details { border-top:0; border-radius:8px; background:#f6faff; margin:0; }
#d-txs.mtv2 .rh-details > summary { display:none; }
#d-txs.mtv2 .rh-details[open] { margin:0 12px 14px; padding-top:1px; }
#d-txs.mtv2 .mtv2-footer { display:flex; justify-content:center; align-items:center; gap:14px; margin-top:20px; position:relative; padding-right:100px; min-height:36px; }
#d-txs.mtv2 .mtv2-pagination { gap:7px; flex-wrap:nowrap; justify-content:center; }
#page-dash.member-v2 #d-txs.mtv2 .mtv2-page { padding:5px; min-width:32px; }
#page-dash.member-v2 #d-txs.mtv2 .mtv2-footer select { position:absolute; right:0; width:94px; }
#d-txs.mtv2 .mtv2-ellipsis { color:var(--member-muted); }
#d-txs.mtv2 .mtv2-integration, #d-txs.mtv2 .mtv2-filter-notice { font-size:12px; color:#98711a; margin:0 0 12px; line-height:1.6; }
@media (max-width:1199px) and (min-width:821px) {
 #d-txs.mtv2 .mtv2-filters { grid-template-columns:1fr 1fr 2fr; }
 #d-txs.mtv2 .mtv2-search { grid-column:1/3; }
 #d-txs.mtv2 .mtv2-stat { padding:16px 10px; gap:10px; }
 #d-txs.mtv2 .mtv2-stat-icon { width:38px; height:38px; }
 #d-txs.mtv2 .mtv2-stat strong { font-size:20px; }
 #page-dash.member-v2 #d-txs.mtv2 .mtv2-row, #page-dash.member-v2 #d-txs.mtv2 .mtv2-table-head { gap:9px; padding-left:10px; padding-right:10px; }
 #d-txs.mtv2 .mtv2-info { gap:7px; }
 #d-txs.mtv2 .mtv2-row-icon { width:30px; height:30px; }
}
@media (max-width:820px) {
 #page-dash.member-v2 #s-txs-page > .mtv2-shell { padding:20px 16px; }
 #d-txs.mtv2 .mtv2-heading { gap:12px; margin-bottom:20px; }
 #page-dash.member-v2 #d-txs.mtv2 .mtv2-heading h2 { font-size:24px; }
 #d-txs.mtv2 .mtv2-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:20px; }
 #d-txs.mtv2 .mtv2-stat { gap:10px; padding:14px 12px; min-height:106px; align-items:flex-start; }
 #d-txs.mtv2 .mtv2-stat-icon { width:34px; height:34px; }
 #d-txs.mtv2 .mtv2-stat strong { font-size:20px; }
 #d-txs.mtv2 .mtv2-stat-label { font-size:11px; }
 #d-txs.mtv2 .mtv2-stat small { font-size:10px; }
 #d-txs.mtv2 .mtv2-table-card { border:0; padding:0; background:transparent; box-shadow:none; }
 #d-txs.mtv2 .mtv2-tabs-row { margin-bottom:14px; }
 #page-dash.member-v2 #d-txs.mtv2 .mtv2-tab { padding:10px 12px; font-size:12px; white-space:normal; }
 #d-txs.mtv2 .mtv2-total { font-size:11px; }
 #d-txs.mtv2 .mtv2-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 #d-txs.mtv2 .mtv2-date-range { grid-column:1/-1; }
 #d-txs.mtv2 .mtv2-search { grid-column:1; }
 #page-dash.member-v2 #d-txs.mtv2 .mtv2-table-head { display:none; }
 #d-txs.mtv2 .mtv2-list { display:flex; flex-direction:column; gap:12px; }
 #page-dash.member-v2 #d-txs.mtv2 .rh-record { border:1px solid var(--member-border) !important; border-radius:12px !important; background:#fff; box-shadow:var(--member-shadow); overflow:hidden; }
 #page-dash.member-v2 #d-txs.mtv2 .rh-record:last-child { border-bottom:1px solid var(--member-border) !important; }
 #page-dash.member-v2 #d-txs.mtv2 .mtv2-row { grid-template-columns:minmax(0,1fr) auto; gap:12px 10px; padding:16px; min-height:0; }
 #d-txs.mtv2 .mtv2-info { grid-column:1/-1; gap:12px; }
 #d-txs.mtv2 .mtv2-name { font-size:14px; }
 #d-txs.mtv2 .rh-amount-block { grid-column:1; grid-row:2; }
 #d-txs.mtv2 .mtv2-status-cell { grid-column:2; grid-row:2; text-align:right; }
 #d-txs.mtv2 .mtv2-status { max-width:115px; justify-content:center; }
 #d-txs.mtv2 .mtv2-order { grid-column:1/-1; grid-row:3; min-width:0; }
 #d-txs.mtv2 .mtv2-order-value { white-space:normal; overflow-wrap:anywhere; }
 #d-txs.mtv2 .mtv2-action { grid-column:1/-1; grid-row:4; justify-content:stretch; border-top:1px solid var(--member-border); padding-top:6px; }
 #page-dash.member-v2 #d-txs.mtv2 .mtv2-view { width:100%; min-height:34px; font-size:12px; justify-content:space-between; }
 #d-txs.mtv2 .mtv2-footer { flex-direction:column; padding-right:0; gap:12px; }
 #d-txs.mtv2 .mtv2-pagination { flex-wrap:wrap; gap:6px; }
 #page-dash.member-v2 #d-txs.mtv2 .mtv2-footer select { position:static; align-self:flex-end; }
 #page-dash.member-v2 #d-txs.mtv2 .mtv2-pagination .rh-button { min-height:32px; padding:6px 9px; font-size:11px; }
 #d-txs.mtv2 .rh-fields { grid-template-columns:1fr; margin:16px; }
}
@media (max-width:430px) {
 #page-dash.member-v2 #s-txs-page > .mtv2-shell { padding:18px 12px; }
 #d-txs.mtv2 .mtv2-stat { flex-direction:column; gap:8px; padding:14px 12px; }
 #d-txs.mtv2 .mtv2-tabs { gap:5px; }
 #page-dash.member-v2 #d-txs.mtv2 .mtv2-tab { padding:9px 10px; }
}