/* Specific paginii Gestiune → Stoc (js/gestiune/stoc.js). */

/* Avertismentul de "stoc pe terminate" lângă cantitatea curentă — vezi
   stocForecastForItem()/renderStocForecastBadge() în stoc.js. */
.stoc-forecast-toggle {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-left: 6px;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 1px 7px;
  font-size: 11px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
}
.stoc-forecast-toggle.warning { background: var(--yellow-bg); color: var(--yellow); }
.stoc-forecast-toggle.critical { background: var(--red-bg); color: var(--red); }
.stoc-forecast-toggle:hover { border-color: currentColor; }

/* Iconița ℹ️ înainte de poza fiecărui produs, în tabelul "Stoc curent" — vezi renderStocTrendIcon()
   în stoc.js. Deschide același panou partajat ca .stoc-forecast-toggle de mai sus, dar disponibilă
   pe orice SKU (nu doar cele sub prag de avertisment). Dimensiune aliniată cu .sku-thumb (24px,
   components.css) ca rândul să nu sară pe înălțime. */
.stoc-trend-info-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  border: none;
  background: transparent;
  border-radius: 50%;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  vertical-align: middle;
  opacity: .75;
}
.stoc-trend-info-toggle:hover { opacity: 1; background: var(--blue-bg); }

/* Panou UNIC, partajat de toate rândurile (nu unul per rând) — poziționat "fixed" prin JS
   (openStocForecastPopover() în stoc.js), la coordonatele butonului apăsat. Tabelul "Stoc curent"
   poate avea zeci de rânduri și trăiește într-un .table-wrap cu overflow:auto — un panou "absolute"
   ar fi tăiat de acel overflow pe orice rând care nu are destul spațiu liber dedesubt ÎN interiorul
   tabelului; "fixed" iese din orice overflow al părinților, indiferent unde e rândul. */
.stoc-forecast-popover {
  position: fixed;
  width: 260px;
  /* Plasă de siguranță pentru ecrane mici / zoom mare: dacă popover-ul tot nu încape pe verticală
     între marginile ferestrei (vezi clamp-ul pe `top` din openStocForecastPopover()), devine
     scrollabil intern în loc să se taie pur și simplu la marginea ecranului. */
  max-height: calc(100vh - 24px);
  overflow-y: auto;
  padding: 12px 14px;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 8px 24px rgba(0,0,0,.16);
  z-index: 200;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  white-space: normal;
}
.stoc-forecast-popover.hidden { display: none; }
.stoc-forecast-popover-title {
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 8px;
}
.stoc-forecast-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 3px 0;
  color: var(--text-muted);
}
.stoc-forecast-row strong { color: var(--text); font-weight: 600; }
/* Cele 3 rânduri "de concluzie" (stoc curent / zile rămase / epuizare estimată) — separate vizual
   de rândurile de viteză de mai sus printr-o linie, ca privirea să sară direct la ele dacă nu
   citește tot panoul. */
.stoc-forecast-row.highlight {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid var(--border);
  color: var(--text);
}
.stoc-forecast-row.highlight strong { font-weight: 700; }
.stoc-forecast-popover .hint { margin-top: 8px; display: block; }