/* Operator quick-edit bar — local gateway only (square corners). */
.pf-op-qe {
  position: fixed;
  z-index: 10000;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  padding: 0.5rem 0.75rem;
  background: #1a1d21;
  color: #e8eaed;
  border-top: 2px solid #5b8dee;
  font-family: "IBM Plex Sans", system-ui, sans-serif;
  font-size: 0.8125rem;
}

.pf-op-qe__label {
  font-weight: 600;
  letter-spacing: 0.02em;
}

.pf-op-qe__btn {
  border: 1px solid #5a6270;
  background: #2a2f36;
  color: inherit;
  border-radius: 0;
  padding: 0.35rem 0.65rem;
  cursor: pointer;
  font: inherit;
}

.pf-op-qe__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.pf-op-qe__btn--primary {
  border-color: #5b8dee;
  background: #2a3a55;
}

.pf-op-qe__btn[aria-pressed='true'] {
  border-color: #e8b84a;
  background: #3a3420;
}

.pf-op-qe__dirty[data-state='dirty'] {
  color: #e8b84a;
}

.pf-op-qe__dirty[data-state='clean'] {
  color: #8b939e;
}

.pf-op-qe__hint {
  color: #8b939e;
  font-size: 0.7rem;
  flex: 1 1 12rem;
  min-width: 0;
}

.pf-op-qe__status[data-kind='ok'] {
  color: #6bcf8e;
}

.pf-op-qe__status[data-kind='err'] {
  color: #f07178;
}

html[data-pf-edit-mode='1'] [data-pf-editable='true'] {
  outline: 1px dashed #5b8dee;
  cursor: text;
}

html[data-pf-edit-mode='1'] [data-pf-editable='true']:focus,
html[data-pf-edit-mode='1'] .pf-editable--active {
  outline: 2px solid #5b8dee;
}

html[data-pf-edit-mode='1'] body {
  padding-bottom: 3.5rem;
}