/* /Components/Pages/DeviceTelemetry.razor.rz.scp.css */
/*
 * Karta telemetrii kasy — style tylko dla tej strony.
 * Wyłącznie tokeny --antumo-*; reszta pochodzi z Antumo Design System.
 */

/* Lista klucz–wartość: etykieta i wartość w jednym wierszu, zamiast globalnego układu
   stosowego dt/dd z app.css, który przy kilkunastu polach robi z karty długi słup. */
.telemetry-kv[b-nghwcm2x9x] {
  display: grid;
  grid-template-columns: minmax(11rem, 2fr) 3fr;
  column-gap: var(--antumo-spacing-xl);
  row-gap: var(--antumo-spacing-md);
  align-items: baseline;
}

.telemetry-kv dt[b-nghwcm2x9x],
.telemetry-kv dd[b-nghwcm2x9x] {
  margin: 0;
}

.telemetry-kv dd[b-nghwcm2x9x] {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Kilka znaczków w jednej wartości (np. przyczyny blokady ewidencji). */
.telemetry-badges[b-nghwcm2x9x] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--antumo-spacing-xs);
}

@media (max-width: 575px) {
  .telemetry-kv[b-nghwcm2x9x] {
    grid-template-columns: 1fr;
    row-gap: var(--antumo-spacing-xs);
  }

  .telemetry-kv dd[b-nghwcm2x9x] {
    margin-bottom: var(--antumo-spacing-md);
  }
}