/* -- the device card in the top bar ---------------------------------------------- */

/* Compact beside the switches; it takes a row of its own on a phone. */
.topbar .device-card {
  flex-basis: auto;
  padding: 0.3rem 0.35rem 0.3rem 0.6rem;
  gap: 0.55rem;
}

.topbar .device-label {
  font-size: 0.72rem;
  line-height: 1.2;
}

.topbar .device-title {
  font-size: 0.86rem;
  line-height: 1.25;
}

.topbar .device-details {
  padding: 0.25rem 0.6rem;
  font-size: 0.82rem;
}

@media (max-width: 640px) {
  .topbar .device-card {
    flex-basis: 100%;
    order: 3;
  }
}