/* ══════════════════════════════════════════════════════════════════════
   GANTT FOCUS MODE — declutter on scroll
   ----------------------------------------------------------------------
   When the user scrolls down into the Gantt, body.aipe-gantt-focus is set
   (by 143-gantt-focus-scroll.js). The "Generated Schedule Snapshot" KPI
   bar collapses completely and the Gantt toolbar pins under the global
   header, so the chart reads like a clean, separate page.
   Reversible: scrolling back up removes the class and restores everything.
   ══════════════════════════════════════════════════════════════════════ */

/* Smooth collapse/expand of the snapshot bar */
#tp-gantt #gpx-stats {
  transition: max-height .30s ease, opacity .20s ease,
              margin .30s ease, padding .30s ease, border-width .25s ease;
  overflow: hidden;
}

/* FOCUS: snapshot disappears completely */
body.aipe-gantt-focus #tp-gantt #gpx-stats {
  max-height: 0 !important;
  opacity: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-width: 0 !important;
  pointer-events: none !important;
}

/* NOTE: the toolbar is pinned to the viewport with position:fixed by
   143-gantt-focus-scroll.js (a sticky toolbar is trapped by the #app
   overflow scroll container), so there is no sticky rule here. */

/* Subtle "you are focused" cue on the gantt panel */
body.aipe-gantt-focus #tp-gantt {
  scroll-margin-top: var(--aipe-gantt-focus-top, 74px);
}