.host-picker-radios {
  display: flex;
  gap: var(--arp-space-4);
}

.host-picker-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: var(--arp-space-2-5);
}

.host-picker-option {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--arp-space-3);
  padding: var(--arp-space-3) var(--arp-space-4);
  background: var(--arp-surface-raised);
  border: 1px solid var(--arp-border);
  border-radius: var(--arp-radius-md);
  cursor: pointer;
  transition: all 0.15s ease;
  user-select: none;
}

.host-picker-option:hover {
  border-color: var(--arp-accent);
  background: var(--arp-surface-muted);
}

.host-picker-option input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.host-picker-option .host-picker-check {
  width: 20px;
  height: 20px;
  border-radius: var(--arp-radius-xs);
  border: 2px solid var(--arp-border-strong);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: var(--arp-surface);
  transition: all 0.15s ease;
}

.host-picker-option .host-picker-check i {
  color: #ffffff;
  font-size: var(--bulma-size-small);
  opacity: 0;
  transition: opacity 0.15s ease;
}

.host-picker-option.is-selected {
  border-color: var(--arp-accent);
  background: var(--arp-accent-bg);
}

.host-picker-option.is-selected .host-picker-check {
  background: var(--arp-accent);
  border-color: var(--arp-accent);
}

.host-picker-option.is-selected .host-picker-check i {
  opacity: 1;
}

.host-picker-option-info {
  display: flex;
  flex-direction: column;
  gap: var(--arp-space-0-5);
  min-width: 0;
}

.host-picker-option-name {
  font-family: var(--arp-font-mono);
  font-size: var(--bulma-size-normal);
  color: var(--arp-text-primary);
  font-weight: var(--bulma-weight-medium);
}

.host-picker-option-location {
  font-size: var(--bulma-size-small);
  color: var(--arp-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: var(--bulma-weight-semibold);
}

.host-picker-hosts.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}