/* ===========================================
   Override Neoteroi Gantt: yearly grid only
   =========================================== */

/* 1) Kill the default vertical lines (monthly/weekly/daily) */
.nt-vline {
  display: none !important;
}

/* 2) Draw a vertical line at each year boundary */
.years .year {
  position: relative;
}
.years .year::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--nt-plan-vertical-line-color, #a3a3a3);
  opacity: 0.8;
  z-index: 1;
}

/* Optional: line at the very left edge of the first year */
.years .year:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--nt-plan-vertical-line-color, #a3a3a3);
  opacity: 0.8;
  z-index: 1;
}

/* Hide the months header row */
.months { 
  display: none !important; 
}

/* When months are hidden, remove the negative offset on weeks so they slide up */
.months + .weeks { 
  top: 0 !important; 
}

/* (Optional) If you're also hiding weeks/days via options or want only years visible: */
.quarters,
.weeks,
.days {
  /* comment out the ones you still want */
  /* display: none !important; */
}

/* (Optional) If you only want to hide months for one chart, wrap it in a container:
   <div class="gantt-no-months">[gantt(...)]</div>
   …then scope the rules: */
.gantt-no-months .months { display: none !important; }
.gantt-no-months .months + .weeks { top: 0 !important; }


/* Reduce vertical gap between categories (groups) */
.nt-plan-group { 
  margin: 10px 0 !important;        /* default was ~20px */
}

/* If you want them even tighter when stacked */
.nt-plan-group + .nt-plan-group {
  margin-top: 6px !important;
}

/* Tighten spacing between activities (bars) inside a group */
.nt-plan-activity {
  margin: 1px 0 !important;         /* default was 2px 0 */
}

/* Make the left label box (group summary) more compact */
.nt-plan-group-summary {
  padding: 0.05rem 0.4rem !important;
}
.nt-plan-group-summary p {
  margin: 0 !important;
  line-height: 1.1 !important;
}

