/* Robot selector + multi-robot control widgets */

.robot-selector {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.robot-btn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 8px 10px;
  border: 1px solid #2c3447;
  border-radius: 6px;
  background: #161b27;
  color: #c7d0e0;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s;
  text-align: left;
}

.robot-btn:hover {
  background: #1c2333;
  border-color: #3a4660;
}

.robot-btn.active {
  background: #1e2c44;
  border-color: #4ea3ff;
}

.rb-label {
  font-weight: 700;
  font-size: 13px;
}

.rb-chip {
  font-size: 11px;
  color: #7d8aa3;
}

.robot-btn.active .rb-chip { color: #8fb8e8; }

.hint {
  font-size: 12px;
  color: #7d8aa3;
  margin: 4px 0;
}

/* Behaviour control rows shared by gait/flight/drive adapters */
.behavior-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0;
}

.behavior-row .name {
  flex: 0 0 88px;
  font-size: 12px;
  color: #c7d0e0;
}

.behavior-row input[type="range"] { flex: 1; }

.behavior-row .val {
  flex: 0 0 52px;
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  color: #9fb0cc;
}

.behavior-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.behavior-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.behavior-title {
  font-size: 12px;
  font-weight: 700;
  color: #9fb0cc;
  margin-bottom: 2px;
}

.behavior-group button { width: 100%; }

.checkbox-row {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #c7d0e0;
  cursor: pointer;
  padding: 4px 2px;
}

/* Login gate overlay */
.auth-gate {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a0e16;
}

.auth-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 300px;
  padding: 32px;
  background: #161b27;
  border: 1px solid #2c3447;
  border-radius: 10px;
}

.auth-logo { font-size: 34px; text-align: center; color: #4ea3ff; }
.auth-card h2 { margin: 0; font-size: 17px; text-align: center; color: #e0e6f0; }
.auth-sub { margin: 0 0 6px; font-size: 12px; color: #7d8aa3; text-align: center; }

.auth-card input {
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #2c3447;
  background: #0e1320;
  color: #e0e6f0;
  font-size: 14px;
}

.auth-card input:focus { outline: none; border-color: #4ea3ff; }
.auth-btn { padding: 10px; margin-top: 4px; }
.auth-err { font-size: 12px; color: #ff6a6a; text-align: center; min-height: 16px; }