/* s352 — chip Tất cả · Thu · Chi (bậc 3, 28px) cạnh ô tháng · dòng Thu · Chi · Còn gập theo khoản · nhãn "panel" (so_loc.js) */
.lc-chip { display: inline-flex; flex: none; gap: 2px; padding: 2px; border: 1px solid var(--vien); border-radius: 9px; background: var(--mat); align-self: center; }
.lc-chip button { min-height: var(--b3); padding: 0 9px; border: 0; border-radius: 7px; background: none; font-size: 13px; font-weight: 600; color: var(--chu2); white-space: nowrap; }
.lc-chip button.chon { background: var(--chu); color: var(--bg); }
.lc-chip button[data-lc="thu"].chon { background: var(--thu-dac); color: #fff; }
.lc-chip button[data-lc="chi"].chon { background: var(--chi-dac); color: #fff; }
.loc .lc-chip { margin-left: 0; }
/* Sổ riêng: [biểu tượng (+ tháng của tổng quan khi ô tháng không nói)] [chip] [ô tháng] — một hàng, không lặp chữ "Tháng" */
.sr-loc { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; min-width: 0; flex: 1; }
.sr-loc select { min-width: 0; max-width: 146px; font-size: 15px; padding: 4px 22px 4px 8px; }
.sr-dau h2 { white-space: nowrap; flex: none; }
.sr-dau h2 small { font-size: 13px; }

details.lc-tom { background: var(--mat); border: 1px solid var(--vien); border-radius: 10px; margin: 0 0 8px; }
details.lc-tom > summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) 14px; gap: 4px; align-items: center; padding: 5px 8px 5px 10px; min-height: var(--b1); }
details.lc-tom > summary::-webkit-details-marker { display: none; }
details.lc-tom > summary::after { content: "›"; color: var(--chu3); transform: rotate(90deg); transition: transform .15s; text-align: center; }
details.lc-tom[open] > summary::after { transform: rotate(-90deg); }
.lc-o { min-width: 0; display: flex; flex-direction: column; line-height: 1.15; }
.lc-o small { font-size: 11px; color: var(--chu3); }
.lc-o b { font-size: clamp(12px, 3.5vw, 14.5px); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.lc-bk { list-style: none; margin: 0; padding: 0 10px 4px; border-top: 1px solid var(--vien); }
.lc-bk li { display: flex; justify-content: space-between; gap: 8px; padding: 4px 0; font-size: 13px; border-bottom: 1px dashed var(--vien); }
.lc-bk li:last-child { border-bottom: 0; }
.lc-bk li span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lc-bk li span i { font-style: normal; font-size: 11px; color: var(--chu3); margin-left: 5px; }
.lc-bk li b { white-space: nowrap; font-variant-numeric: tabular-nums; }
.lc-bk li.lc-thu b { color: var(--thu); }
.lc-bk li.lc-chi b { color: var(--chi); }
.lc-them { font-size: 12px; color: var(--chu2); padding: 2px 10px 6px; }
.lc-tag { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .02em; padding: 1px 6px; border-radius: 6px; border: 1px solid var(--vien2); color: var(--chu2); background: var(--mat2); }
.p-panel { opacity: .96; }
/* s352rv: lương / thưởng / hoa hồng trả cho chính mình — trung tính, không cộng */
.ds li.p-nhan { border-left-color: var(--vien2); }
.p-nhan .cd { background: var(--mat2); color: var(--chu2); }
.p-nhan .hang1 > span.so { color: var(--chu2); font-weight: 700; white-space: nowrap; }