/* หมวดสรุป/รายวัน (r-report.js) — ต่อจาก demo.css ใช้ token สีชุดเดียวกัน (มืด/สว่าง) */
.rr-datebar, .rr-bar { display:flex; align-items:center; gap:8px; margin-bottom:12px; }
.rr-datebtn { flex:1; justify-content:center; position:relative; overflow:hidden; min-width:0; white-space:nowrap; }
.rr-datebtn input[type=date] { position:absolute; inset:0; opacity:0; width:100%; height:100%; border:0; }
.rr-today { padding:9px 12px; font-size:14px; flex:none; }
.rr-bar-t { flex:1; text-align:center; font-size:17px; }
.rr-mini { padding:6px 12px; font-size:13px; }
.btn.danger.rr-mini, .rr-mini.danger { color:var(--red); }
#rr-heat:empty { display:none; }
.rr-heathead { flex-wrap:wrap; gap:4px; }
.rr-heathead b { font-size:15px; }
.rr-heathead .note { color:var(--muted); font-size:12px; }
.rr-hd.sel { box-shadow:0 0 0 2px var(--tint) inset; }
.dc-d.rr-inr { box-shadow:0 0 0 2px var(--tint) inset; }
.rr-legend { display:flex; align-items:center; gap:4px; justify-content:center; margin-top:8px; font-size:11px; color:var(--muted); }
.rr-sw { width:14px; height:14px; border-radius:4px; border:1px solid var(--line); display:inline-block; }
.rr-tiles { display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; margin-top:12px; }
.rr-tiles .l { font-size:13px; color:var(--muted); }
.rr-tiles .v { font-size:17px; font-weight:700; }
.rr-tiles .v small { font-size:12px; color:var(--muted); font-weight:500; }
.rr-bits { margin-top:10px; font-size:13px; color:var(--muted); }
.rr-cmp { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:10px; font-size:13px; }
.rr-cmp:empty { display:none; }
.rr-line { margin-left:auto; padding:7px 12px; font-size:13px; }
.rr-sec { align-items:center; gap:8px; }
.rr-sec h2 { flex:none; }
.rr-sec .note { flex:1; }
.rr-sub { font-size:13px; color:var(--muted); margin:10px 4px 6px; font-weight:600; }
.rr-p { font-weight:600; color:var(--green); }
.rr-p.rr-loss { color:var(--red); }
.rr-p.rr-unk { color:var(--orange); }
body.rr-hide-profit .rr-p { display:none !important; }
body.rr-hide-cost .rr-c { display:none !important; }
.rr-item .txt { white-space:normal; }
.rr-acts { display:flex; gap:6px; margin-top:6px; }
.rr-lbl { font-size:12px; color:var(--muted); margin:8px 4px 4px; }
.rr-err { color:var(--red) !important; }
.rr-stats { display:grid; grid-template-columns:1fr 1fr; gap:var(--s2); margin-bottom:var(--s3); }
.rr-stats .card { margin:0; padding:12px 14px; }
.rr-stat.full { grid-column:1 / -1; }
.rr-v { font-size:20px; font-weight:700; letter-spacing:-.3px; }
.rr-v small { display:block; font-size:12px; color:var(--muted); font-weight:500; letter-spacing:0; margin-top:2px; }
.rr-dot { width:6px; height:6px; border-radius:50%; background:currentColor; display:block; }
.dc-d.paid .rr-dot { color:var(--green); } .dc-d.late .rr-dot { color:var(--red); } .dc-d.wait .rr-dot { color:var(--muted); }
.rr-dayhead { display:flex; justify-content:space-between; align-items:baseline; gap:10px; margin:6px 4px 10px; font-size:15px; }
.rr-dayhead > span { text-align:right; font-weight:600; }
.rr-dayhead small { color:var(--muted); font-weight:500; }
.rr-money .card-head { margin-bottom:6px; }
.rr-mrow { display:flex; justify-content:space-between; gap:10px; padding:5px 0; font-size:14px; border-top:1px solid var(--line); }
.rr-mrow:first-of-type { border-top:0; }
.rr-mrow.hot b { font-size:17px; }
.rr-mrow.muted { color:var(--muted); }
.rr-chips { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:var(--s3); }
.rr-chips span { background:var(--card); border-radius:var(--r-pill); padding:6px 12px; font-size:13px; color:var(--ink-2); }
.rr-lrow { align-items:flex-start; }
.rr-lrow .txt .name { white-space:normal; font-size:15px; }
.rr-tags { white-space:normal !important; }
.rr-tag { display:inline-block; font-size:11px; font-weight:600; padding:1px 7px; border-radius:var(--r-pill); margin-right:4px; background:rgba(142,142,147,.2); color:var(--muted); }
.rr-tag i { font-size:11px; vertical-align:-1px; margin-right:2px; }
.rr-lrow[data-act] { cursor:pointer; }
.rr-tag.cash { background:rgba(48,209,88,.16); color:var(--green); }
.rr-tag.transfer { background:rgba(10,132,255,.16); color:var(--tint); }
.rr-tag.credit { background:rgba(255,159,10,.16); color:var(--orange); }
.rr-tag.fin { background:rgba(191,90,242,.16); color:var(--purple); }
.rr-lval { font-size:15px; }
.rr-lval small { font-size:11px; color:var(--muted); font-weight:400; }
.rr-lacts { display:flex; flex-direction:column; gap:6px; flex:none; }
.rr-x { width:28px; height:28px; border-radius:50%; border:0; background:rgba(255,69,58,.14); color:var(--red); display:grid; place-items:center; font-size:14px; }
.rr-x.edit { background:rgba(10,132,255,.14); color:var(--tint); }
.rr-srsels { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:var(--s3); }
.rr-srsel { flex:1; min-width:100px; background:var(--card); border-radius:var(--r-inner); padding:9px 10px; }
.chips.wrap { flex-wrap:wrap; }
.rr-srtable { max-height:420px; }
.rr-srtable tfoot td { font-weight:700; }
.rr-hrow .txt .name { white-space:normal; }
.rr-hrow .badge { margin-top:4px; }
#rr-hist .search { margin-bottom:var(--s2); }
/* โลโก้ธนาคารของบัญชีที่เงินเข้า (devqueue #67) */
.row .ic.rr-banklogo { background:transparent; padding:0; overflow:hidden; border-radius:50%; }
.rr-banklogo img { width:100%; height:100%; object-fit:cover; display:block; }

/* สรุป › กำไรรวม */
.rp-hero { padding:16px; }
.rp-big { font-size:40px; font-weight:700; letter-spacing:-.5px; margin:4px 0 6px; }
.rp-delta { display:inline-block; font-size:14px; font-weight:600; color:var(--green); background:color-mix(in srgb, var(--green) 15%, transparent); padding:3px 10px; border-radius:99px; }
.rp-delta.down { color:var(--red); background:color-mix(in srgb, var(--red) 15%, transparent); }
.rp-split { display:flex; height:10px; border-radius:99px; overflow:hidden; margin:14px 0 8px; background:rgba(128,128,128,.25); }
.rp-split i { display:block; }
.rp-leg { display:flex; justify-content:space-between; font-size:13px; color:var(--muted); }
.rp-leg b { display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:5px; }
.rp-chart { display:flex; align-items:flex-end; gap:10px; overflow-x:auto; padding:14px 12px 10px; }
.rp-mcol { flex:1 0 44px; display:flex; flex-direction:column; align-items:center; gap:3px; background:none; border:0; color:inherit; font:inherit; padding:0; }
.rp-colw { height:110px; width:30px; display:flex; flex-direction:column; justify-content:flex-end; }
.rp-colw i { display:block; width:100%; }
.rp-colw i { border-radius:4px; margin-top:2px; }
.rp-s { background:var(--tint); } .rp-f { background:var(--orange); } .rp-neg { background:var(--red); border-radius:7px !important; }
.rp-ml { font-size:12px; color:var(--muted); } .rp-mv { font-size:12px; } .rp-mv.neg { color:var(--red); }
.rp-sub { font-size:13px; color:var(--muted); margin-top:4px; line-height:1.35; }