/**
 * Telemetry
 * Remote maintenance items, inputs, reset button, legend, save note,
 * and no-telemetry indicator.
 */

.telewartung_item iframe {
  margin-bottom: var(--pico-spacing);
}

.telewartung_item p {
  font-style: italic;
  color: var(--pico-primary);
}

.telewartung_inputs {
  padding-block-start: var(--pico-spacing);
  border-top: 1px solid var(--pico-form-element-border-color);
}

.reset_telewartung {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  font-size: var(--hb-font-size-xs);
  padding: 7px 11px;
  background: #ffe2e2;
  border: 0;
  color: #ff0e0e;
}

.save_note {
  text-align: center;
  padding: 1rem;
  background: orange;
  color: white;
  border-radius: var(--pico-border-radius);
}

.legende_with_search {
  display: flex;
  justify-content: space-between;
  padding: var(--pico-spacing);
}

.legende {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 1rem;
}

.system_no_telemetry {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* ── Responsive ── */

@media (max-width: 768px) {
  .reset_telewartung {
    right: unset;
    left: 5px;
    z-index: 99999;
  }
}