/* Basis-Funktionen für das Public Grid CSS */
/* v0.0.32 */

.esd-pg-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  margin: 0;
}

.esd-pg-table td {
  padding: 0;
  vertical-align: middle;
  border: 0;
}

/* Wenn col2 vorhanden, style col1. */
.esd-pg-row > td:first-child:not(:last-child) {
  width: 1%;
  white-space: nowrap;
}

/* Wenn beide labe1st vorhanden sind, in col1 rechts ausrichten. */
.esd-pg-align-right {
  justify-content: flex-end;
  text-align: right;
  width: 100%;
}

/* Jeglichen anderen content links ausrichten. */
.esd-pg-align-left {
  justify-content: flex-start;
  text-align: left;
}

/* Leerzeichen, für natürliche Abstände zwischen den Inhalten. */
.esd-pg-content::after {
  content: '\00a0';
}

/* Jeglicher content in einer cell. */
.esd-pg-content {
  padding: 0;
  display: inline-flex;
  align-items: baseline;
}

/* Beide Labe1st. */
.esd-pg-label1st {
  /* font-weight: 600; */
  white-space: nowrap;
  /* color: #1d1f22; */
}

/* Beide Values. */
.esd-pg-value {
  /* font-weight: 500; */
  min-width: 0;
}

/* Beide Label2nd. */
.esd-pg-label2nd {
  /* color: #4b5563;
  font-size: 0.95em; */
  white-space: nowrap;
}

.esd-pg-editor {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 2px 0;
}

.esd-pg-input {
  width: auto;
  min-width: 20px;
  border: 0;
  text-align: center;
  font-size: 1em;
  padding: 2px 4px;
}

.esd-pg-input:focus {
  outline: none;
  box-shadow: inset 0 0 0 1px #94a3b8;
}

.esd-pg-input::-webkit-inner-spin-button,
.esd-pg-input::-webkit-outer-spin-button {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
  margin: 0;
}

.esd-pg-toast {
  margin-top: 8px;
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 0.85em;
  color: #fff;
  background: #2563eb;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
}

.esd-pg-toast[data-active="true"] {
  opacity: 1;
}

.esd-pg-toast[data-state="success"] {
  background: #15803d;
}

.esd-pg-toast[data-state="error"] {
  background: #dc2626;
}

.esd-pg-row--flash > td {
  background: rgba(34, 197, 94, 0.08);
  transition: background 0.4s ease-out;
}


/* Individuell bei Bedarf */

/* .esd-pg-value-stock {
  color: #ef61e8;
}

.esd-pg-label2nd-deliv {
  color: #037f2e;
} */


/* Geänderte row kurz grün hervorheben. */
/* .esd-pg-row--flash > td {
  background: linear-gradient(180deg, rgba(236, 253, 243, 0.95), rgba(244, 255, 250, 0.92));
  border: 2px solid rgba(34, 197, 94, 0.45);
  box-shadow: inset 0 1px 3px rgba(34, 197, 94, 0.15);
  border-radius: 9px;
  padding: 6px 12px;
} */