.table-wrap {
  overflow: auto;
  margin-top: 1rem;
  border-radius: 10px;
  border: 1px solid var(--table-border);
}

.week-header {
  background: #111827;
  color: white;
  font-weight: 700;
  padding: 0.65rem 0.4rem;
}

.stage-sub {
  font-size: 0.78rem;
  color: var(--muted);
  padding: 0.2rem 0.25rem;
  display: block;
}

.gh-table {
  border-collapse: collapse;
  min-width: 1200px;
  width: 100%;
}

.gh-table caption {
  text-align: left;
  font-weight: 700;
  padding: 0.75rem;
  color: var(--muted);
}

.gh-table th, .gh-table td {
  border-right: 1px solid #eef0f6;
  border-bottom: 1px solid #f3f4fa;
  padding: 0.45rem 0.5rem;
  text-align: center;
  font-size: 0.90rem;
}

.gh-table th.left, .gh-table td.left { text-align: left; padding-left: 1rem; }

.gh-table thead th {
  position: sticky;
  top: 0;
  background: linear-gradient(90deg, var(--primary), #c9b9ff);
  color: #fff;
  padding: 0.6rem 0.5rem;
  font-weight: 700;
  border-right: 1px solid rgba(255,255,255,0.06);
  white-space: nowrap;
}

.gh-table thead tr:nth-child(2) th {
  background: #f4f6fb;
  color: #333;
  font-weight: 700;
}

/* Stage/week headers */
.gh-table thead th.stage-left {
  background: linear-gradient(90deg, #E6E6FF, #AD98F9) !important;
  color: #2D2250;
}

.gh-table thead th.grow-week {
  background: linear-gradient(90deg, #C6F5D6, #A3E8B0) !important;
  color: #1F3D2F;
}

.gh-table thead th.bloom-week {
  background: linear-gradient(90deg, #E6D6FF, #C4A3F5) !important;
  color: #3D225F;
}

/* Feeding chart row colors matching legend */
.row-floramicro td { background-color: #dcd0ff; color: #111; }          /* light lavender magenta */
.row-floragro td { background-color: #a6e8d8; color: #111; }             /* light pastel green */
.row-florabloom td { background-color: #ffd3e1; color: #111; }           /* very soft pink */
.row-calimagic td { background-color: #ffd9b3; color: #111; }            /* light creamy orange */
.row-floralicious-plus td { background-color: #fff6b3; color: #111; }    /* pale yellow */
.row-liquid-koolbloom td { background-color: #d4fff0; color: #111; }     /* very light mint-teal */
.row-armor-si td { background-color: #cce0ff; color: #111; }             /* soft periwinkle */
.row-rapid-start td { background-color: #bfffd6; color: #111; }          /* light mint */
.row-ripen td { background-color: #ffc7c7; color: #111; }                /* light pinkish-lavender */
.row-purpinator td { background-color: #e6d4ff; color: #111; }           /* soft true lavender */

.ppm-row { background: #f4f6fb; font-weight: 600; color: #333; }
.estimated-row { background: #f1fbf9; font-weight: 700; color: #123; }