/* ================================================================
   21_shortages.css
   Shortages tab – risk row stripes, improved grid density
   ================================================================ */

/* ── Risk left-border stripe (removed – pill badge is sufficient) ─────── */

/* ── Row hover (clean neutral hover for all rows) ────────────────────── */
.custom-ag-grid .ag-row:hover {
  background-color: rgba(0, 0, 0, 0.025) !important;
}

/* ── Shared header styling for all shortages grids ───────────────────── */
#sh2-grid .ag-header-cell,
.sh-movers-grid .ag-header-cell {
  font-size: 0.78rem;
  font-weight: 600;
  color: #4a5568;
  letter-spacing: 0.02em;
  text-transform: none;
}

/* ── Row transition for smooth hover ─────────────────────────────────── */
#sh2-grid .ag-row,
.sh-movers-grid .ag-row {
  transition: background-color 120ms ease;
}

/* ── Make grid rows breathe a bit more ───────────────────────────────── */
#sh2-grid .ag-cell,
.sh-movers-grid .ag-cell {
  display: flex;
  align-items: center;
}

/* ── Right-aligned cells: push content to the right edge ─────────────── */
#sh2-grid .ag-cell.ag-right-aligned-cell,
.sh-movers-grid .ag-cell.ag-right-aligned-cell {
  justify-content: flex-end;
}

/* ── Share / Probability columns: let bar renderer fill full cell width ─ */
.sh-movers-grid .ag-cell[col-id="share"] > *,
#sh2-grid .ag-cell[col-id="Risk probability"] > * {
  flex: 1;
  min-width: 0;
}

/* ── Risk column: center the pill vertically ─────────────────────────── */
#sh2-grid .ag-cell[col-id="Shortage Risk"] {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ── Substance column: truncate long names ────────────────────────────── */
#sh2-grid .ag-cell[col-id="Substance"] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 50px;
}

/* ── Probability column: let bar fill the full cell width ─────────────── */
#sh2-grid .ag-cell[col-id="Risk probability"] {
  padding-right: 8px;
}
#sh2-grid .ag-cell[col-id="Risk probability"] > * {
  flex: 1;
  min-width: 0;
}

/* ── Stock columns: center cells + headers ───────────────────────────── */
#sh2-grid .ag-cell[col-id="TMJ Stockout"],
#sh2-grid .ag-cell[col-id="Nomeco Stockout"] {
  display: flex;
  align-items: center;
  justify-content: center;
}
#sh2-grid .ag-header-cell[col-id="TMJ Stockout"] .ag-header-cell-label,
#sh2-grid .ag-header-cell[col-id="Nomeco Stockout"] .ag-header-cell-label {
  justify-content: center;
}

/* ── Net shortage change KPI: informational only (not clickable) ──── */
#sh_mov-kpi-netmove-card.kpi-card-click {
  cursor: default;
  pointer-events: auto;           /* keep popover working */
}
#sh_mov-kpi-netmove-card.kpi-card-click:hover .card.kpi-card--v2 {
  transform: none !important;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
  border-color: #e2e8f0 !important;
}
#sh_mov-kpi-netmove-card.kpi-card-click:hover .card.kpi-card--v2::before,
#sh_mov-kpi-netmove-card.kpi-card-click:hover .card.kpi-card--v2::after {
  opacity: 0 !important;
}
#sh_mov-kpi-netmove-card.kpi-card-click:hover .card.kpi-card--v2 .kpi-card__icon-wrap {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}

/* ================================================================
   Movers table – now uses AG Grid; legacy .sh-movers-table removed
   ================================================================ */