/* Hesabat */
#view-hesabat { gap: 14px; grid-template-columns: minmax(0, 1fr); min-width: 0; }
#reportRoot > * { min-width: 0; }
#view-hesabat .pageHead { margin-bottom: 0; }
#view-hesabat .pageHead select { height: 38px; padding: 0 10px; border-radius: 10px; border: 1px solid var(--line); background: var(--surface); font-weight: 600; }
.rTools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.rSeg { max-width: 100%; overflow-x: auto; }
.rSeg button { flex: none; min-height: 34px; padding: 0 12px; border: 0; border-radius: 8px; background: none; font: inherit; font-size: 14px; font-weight: 600; color: var(--muted); cursor: pointer; white-space: nowrap; }
.rSeg button[aria-checked="true"] { background: var(--surface); color: var(--ink); box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.rCustom { display: flex; flex-wrap: wrap; gap: 8px; }
.rCustom label { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--muted); }
.rCustom input { height: 36px; padding: 0 8px; border-radius: 10px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); }
.rRange { margin: -4px 0 0; font-size: 13px; color: var(--muted); }
.rKpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.rKpi { display: grid; gap: 4px; padding: 14px 16px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); min-width: 0; }
.rKpi span:first-child { font-size: 13px; font-weight: 600; color: var(--muted); }
.rKpi b { font-size: 24px; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rDelta { font-size: 12.5px; font-weight: 700; color: var(--muted); }
.rDelta.isUp { color: var(--ok); }
.rDelta.isDown { color: var(--bad); }
.rH { font-size: 16px; font-weight: 800; margin: 0 0 12px; }
.rH3 { font-size: 13px; font-weight: 700; color: var(--muted); margin: 14px 0 6px; text-transform: uppercase; letter-spacing: .04em; }
.rNote { margin: 8px 0 0; font-size: 13px; color: var(--muted); }
.rChart { display: flex; align-items: stretch; gap: 3px; height: 180px; }
.rCol { flex: 1 1 0; min-width: 0; display: grid; grid-template-rows: 1fr auto; gap: 4px; }
.rColBar { position: relative; display: flex; align-items: flex-end; }
.rColBar i { display: block; width: 100%; min-height: 2px; border-radius: 4px 4px 0 0; background: var(--accent-solid); }
.rColBar i.isZero { background: var(--line); }
.rCol span { font-size: 11px; color: var(--muted); text-align: center; height: 14px; overflow: hidden; }
.rCol:hover .rColBar i { filter: brightness(1.15); }
.rGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
.rStack { display: grid; gap: 14px; min-width: 0; }
.rList { display: grid; gap: 12px; }
.rRow { display: grid; gap: 4px; min-width: 0; }
.rRowTop { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; }
.rRowTop b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rBar { display: block; height: 8px; border-radius: 99px; background: var(--soft); overflow: hidden; }
.rBar i { display: block; height: 100%; border-radius: 99px; background: var(--accent-solid); }
.rSub { font-size: 12.5px; color: var(--muted); }
.rMini { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
.rMini div { display: grid; gap: 2px; padding: 10px 12px; border-radius: 12px; background: var(--soft); }
.rMini b { font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; }
.rMini span { font-size: 12.5px; color: var(--muted); }
.rUl { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 14px; }
.rUl li { display: flex; justify-content: space-between; gap: 10px; padding: 8px 10px; border-radius: 10px; background: var(--soft); }
.rUl li span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rTable { min-width: 0 !important; }
.rLate { color: var(--bad); font-weight: 700; }
@media (max-width: 900px) {
  .rKpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rGrid { grid-template-columns: minmax(0, 1fr); }
  .rKpi b { font-size: 20px; }
  .rChart { height: 140px; gap: 2px; }
}