/* Scope everything to this grid only */
.status-option-b-grid .ag-row {
  position: relative; /* so the badge can be absolutely positioned */
}

/* Give the right side a bit of breathing room for the pill */
.status-option-b-grid .ag-center-cols-viewport {
  padding-right: 40px;
}

/* Base pill */
.status-option-b-grid .ag-row.row-status-new::after,
.status-option-b-grid .ag-row.row-status-back::after,
.status-option-b-grid .ag-row.row-status-disc::after,
.status-option-b-grid .ag-row.row-status-inc::after,
.status-option-b-grid .ag-row.row-status-dec::after {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06);
  opacity: 0.95;
  transition: transform 0.12s ease-out, opacity 0.12s ease-out;
}

/* Hover micro-animation */
.status-option-b-grid .ag-row.row-status-new:hover::after,
.status-option-b-grid .ag-row.row-status-back:hover::after,
.status-option-b-grid .ag-row.row-status-disc:hover::after,
.status-option-b-grid .ag-row.row-status-inc:hover::after,
.status-option-b-grid .ag-row.row-status-dec:hover::after {
  opacity: 1;
  transform: translateY(-50%) scale(1.05);
}

/* Individual meanings (content + color) */

/* ☀ New */
.status-option-b-grid .ag-row.row-status-new::after {
  content: "☀";
  background-color: #e6f6ec;
  color: #166534;
}

/* ↺ Back on market */
.status-option-b-grid .ag-row.row-status-back::after {
  content: "↺";
  background-color: #e7f1ff;
  color: #1d4ed8;
}

/* ✕ Discontinued */
.status-option-b-grid .ag-row.row-status-disc::after {
  content: "✕";
  background-color: #fee2e2;
  color: #b91c1c;
}

/* ↗ Price increase */
.status-option-b-grid .ag-row.row-status-inc::after {
  content: "↗";
  background-color: #fff0d5;
  color: #b45309;
}

/* ↘ Price decrease */
.status-option-b-grid .ag-row.row-status-dec::after {
  content: "↘";
  background-color: #e0f2fe;
  color: #1d4ed8;
}

/* Optional: simple row-wide tooltip text */
.status-option-b-grid .ag-row.row-status-inc:hover::before,
.status-option-b-grid .ag-row.row-status-dec:hover::before,
.status-option-b-grid .ag-row.row-status-new:hover::before,
.status-option-b-grid .ag-row.row-status-back:hover::before,
.status-option-b-grid .ag-row.row-status-disc:hover::before {
  position: absolute;
  right: 52px;
  top: 50%;
  transform: translateY(-50%);
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 11px;
  background: #111827;
  color: #fff;
  white-space: nowrap;
  opacity: 0.95;
}

/* Concrete tooltip labels */
.status-option-b-grid .ag-row.row-status-inc:hover::before {
  content: "Price increase";
}
.status-option-b-grid .ag-row.row-status-dec:hover::before {
  content: "Price decrease";
}
.status-option-b-grid .ag-row.row-status-new:hover::before {
  content: "New pack";
}
.status-option-b-grid .ag-row.row-status-back:hover::before {
  content: "Back on market";
}
.status-option-b-grid .ag-row.row-status-disc:hover::before {
  content: "Discontinued";
}