/* SPEC-0482 — Werker-Flaechen (AVL + Kommissionierung), VSS-Spec 3.4/3.5.
   Farben ausschliesslich ueber --core-Tokens (Vier-Themes-Vorgabe).

   SPEC-0502: beide Flaechen sind jetzt HMI-Bedienpanels statt eines
   Sammel-Overlays. Der Geltungsbereich wandert deshalb von der entfallenen
   Klasse `.worker-terminal-overlay` auf die beiden Panel-Klassen.

   ERSATZLOS ENTFALLEN, weil ihre Auszeichnung nicht mehr existiert:
     .worker-terminal-panel   Breite des Overlay-Kastens — die Panel-Shell des
                              HMI gibt die Breite jetzt vor
     .wt-subtitle             der Untertitel steht im `panel-head` der Panels
                              und wird von dessen Regeln getragen
     .wt-tabs / .wt-tab       die Reiterleiste ist der Kachelteilung gewichen
   Sie stehen zu lassen hiesse, Regeln ohne Markup zu pflegen — genau die
   Fehlerklasse, gegen die check:zustandsklassen laeuft. */

.hmi-avl-panel .wt-toolbar,
.hmi-picking-panel .wt-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-bottom: 0.8rem;
}

.hmi-avl-panel .wt-workcenter {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
}

.hmi-avl-panel .wt-workcenter select {
  padding: 0.3rem 0.5rem;
  border: 1px solid var(--core-color-border-default, ButtonBorder);
  border-radius: 8px;
  background: var(--core-color-panel-surface, Canvas);
  color: var(--core-color-text-default, CanvasText);
}

.hmi-avl-panel .wt-source-hint,
.hmi-picking-panel .wt-source-hint {
  margin-left: auto;
  color: var(--core-color-text-muted, GrayText);
  font-size: 0.78rem;
}

.hmi-avl-panel .wt-refresh,
.hmi-picking-panel .wt-refresh {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.35rem 0.8rem;
  border: 1px solid var(--core-color-border-default, ButtonBorder);
  border-radius: 8px;
  background: transparent;
  color: var(--core-color-text-default, CanvasText);
  cursor: pointer;
}

.hmi-avl-panel .wt-refresh .material-icons,
.hmi-picking-panel .wt-refresh .material-icons { font-size: 1rem; }

.hmi-avl-panel .wt-error,
.hmi-picking-panel .wt-error {
  color: var(--core-color-accent-red, #ef4444);
  font-size: 0.85rem;
}

.hmi-avl-panel .wt-content,
.hmi-picking-panel .wt-content { overflow-x: auto; }

.hmi-avl-panel .wt-table,
.hmi-picking-panel .wt-table { width: 100%; }

/* Spec 3.4: ein Schritt mit Einwand ist "not ready to start" — grau, aber
   lesbar; die Gruende stehen als Chips daneben. */
.hmi-avl-panel .wt-table tr.wt-row-blocked td { opacity: 0.55; }
.hmi-avl-panel .wt-table tr.wt-row-blocked td:last-child { opacity: 1; }

.hmi-picking-panel .wt-table tr.wt-row-replenishment td {
  background: color-mix(in srgb, var(--core-color-accent-amber, #f59e0b) 8%, transparent);
}

.hmi-avl-panel .wt-step,
.hmi-picking-panel .wt-target { display: grid; gap: 0.1rem; }
.hmi-avl-panel .wt-step small,
.hmi-picking-panel .wt-target small {
  color: var(--core-color-text-muted, GrayText);
}

.hmi-avl-panel .wt-objections,
.hmi-picking-panel .wt-status {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}

.hmi-avl-panel .wt-due { display: inline-flex; align-items: center; gap: 0.3rem; }

.hmi-picking-panel .wt-sources { display: grid; gap: 0.15rem; }
.hmi-picking-panel .wt-source { font-size: 0.8rem; }

.hmi-picking-panel .wt-actions { display: inline-flex; gap: 0.25rem; }