/* Revoo AI ID — Frontend V85 Revisi 46.
   Smoothing the visual handoff between normal-flow and sticky KPI on desktop.
   Avoid the previous R45 negative-margin + padding paint shift, and do not
   modify grid dimensions, KPI values, business JS or vertical scroll behavior.
 */
@media screen and (min-width:1150px) and (min-height:521px) {
  html:not(:has(.modal-backdrop)):has(.persistent-page-panel.is-active .cash-summary-grid) .topbar,
  html:not(:has(.modal-backdrop)):has(.persistent-page-panel.is-active .income-summary-grid) .topbar {
    /* Opaque top layer + no backdrop repaint while scrolling. */
    background: #fffdf9 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .page-content .persistent-page-panel.is-active .page-stack > .cash-summary-grid,
  .page-content .persistent-page-panel.is-active .income-page > .income-summary-grid {
    margin: 0 !important;
    padding: 0 !important;
    /* Offset tracks real topbar height (including its line wraps). */
    top: var(--revoo-r46-sticky-top, 72px) !important;
    border-radius: 0 0 16px 16px;
    box-shadow: none;
    background: #f7f6f2;
    /* Keep a stable compositor layer for scrolling, not an animated position. */
    transform: translateZ(0);
    backface-visibility: hidden;
    transition: box-shadow .22s ease, background-color .22s ease;
  }
  .page-content .persistent-page-panel.is-active .page-stack > .cash-summary-grid::before,
  .page-content .persistent-page-panel.is-active .income-page > .income-summary-grid::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -7px -5px -8px;
    background: #f7f6f2;
    border-radius: 0 0 17px 17px;
    pointer-events: none;
  }
  .page-content .persistent-page-panel.is-active .page-stack > .cash-summary-grid.revoo-r46-pinned,
  .page-content .persistent-page-panel.is-active .income-page > .income-summary-grid.revoo-r46-pinned {
    box-shadow: 0 14px 22px -20px rgba(37,75,61,.48);
  }
  html[data-theme="dark"]:has(.persistent-page-panel.is-active .cash-summary-grid) .topbar,
  html[data-theme="dark"]:has(.persistent-page-panel.is-active .income-summary-grid) .topbar {
    background: var(--dark-bg,#101827) !important;
  }
  html[data-theme="dark"] .page-content .persistent-page-panel.is-active .page-stack > .cash-summary-grid::before,
  html[data-theme="dark"] .page-content .persistent-page-panel.is-active .income-page > .income-summary-grid::before {
    background:var(--dark-bg,#101827);
  }
}
@media (prefers-reduced-motion:reduce) {
  .page-content .persistent-page-panel.is-active :is(.cash-summary-grid,.income-summary-grid) {
    transition:none!important;
  }
}