/* ShahrVam v654 — reconciliation performance/stability layer.
   Keeps the active surface mounted during background refresh and makes heavy
   bank/auxiliary panels explicitly lazy. */
body[data-page="reconciliation"] .pv-shell{position:relative;min-height:320px}
body[data-page="reconciliation"] .pv-shell.is-background-refreshing .pv-btn-refresh{pointer-events:none;opacity:.65}
body[data-page="reconciliation"] .pv-btn-refresh.is-loading span{display:inline-block;animation:pv654spin .8s linear infinite}
@keyframes pv654spin{to{transform:rotate(360deg)}}
body[data-page="reconciliation"] #pv-rows{min-height:180px;scroll-margin-top:88px}
body[data-page="reconciliation"] .pv-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 4px;flex-wrap:wrap}
body[data-page="reconciliation"] .pv-pager span{font-size:11px;font-weight:800;color:#536d80}
body[data-page="reconciliation"] .pv-pager .pv-btn[disabled]{opacity:.45;cursor:not-allowed}
body[data-page="reconciliation"] .pv-lazy-panel{background:#fff;border:1px solid #d7e2e9;border-radius:12px;margin-top:10px;overflow:hidden}
body[data-page="reconciliation"] .pv-lazy-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:12px 14px;list-style:none}
body[data-page="reconciliation"] .pv-lazy-panel>summary::-webkit-details-marker{display:none}
body[data-page="reconciliation"] .pv-lazy-panel>summary>div{display:grid;gap:2px}
body[data-page="reconciliation"] .pv-lazy-panel>summary b{font-size:12px}
body[data-page="reconciliation"] .pv-lazy-panel>summary small{font-size:10px;color:#718695}
body[data-page="reconciliation"] .pv-lazy-panel>summary strong{font-size:13px;min-width:28px;text-align:center}
body[data-page="reconciliation"] .pv-lazy-placeholder{padding:12px 14px;border-top:1px solid #e4ebf0;font-size:10.5px;color:#718695;background:#f8fafb}
body[data-page="reconciliation"] #pv-aux.is-loading{opacity:.72;pointer-events:none}
body[data-page="reconciliation"] .pv-bank-ledger-shell:not([open]) .pv-bank-ledger{display:none}
@media(max-width:700px){
  body[data-page="reconciliation"] .pv-pager{justify-content:stretch}
  body[data-page="reconciliation"] .pv-pager .pv-btn{flex:1 1 120px}
  body[data-page="reconciliation"] .pv-pager span{order:-1;flex:1 0 100%;text-align:center}
  body[data-page="reconciliation"] .pv-lazy-panel>summary{align-items:flex-start;padding:11px}
}