.device-filters {
  display: grid;
  grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-5);
}
.device-filters label { min-width: 0; }
.device-filters input, .device-filters select { width: 100%; min-width: 0; }
.device-card h3 { margin-top: 0; }
.device-card, .device-overview-grid dd { overflow-wrap: anywhere; min-width: 0; }
.device-identity { display: block; font-size: var(--text-xs); }
.device-connection { font-weight: 600; }
.device-children {
  margin-top: var(--space-5);
  padding-left: var(--space-4);
  border-left: 2px solid var(--line-strong);
}
.device-children .device-card { margin-bottom: 0; background: var(--surface-2); }
.device-overview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.device-overview-grid dt { color: var(--muted); font-size: var(--text-sm); }
.device-overview-grid dd { margin: var(--space-2) 0 0; }
@media (max-width: 600px) {
  .device-filters, .device-overview-grid { grid-template-columns: 1fr; }
  .device-children { padding-left: var(--space-2); }
}