.personnel-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.personnel-toolbar .label { margin: 0; }
.personnel-months { display: flex; gap: 8px; flex-wrap: wrap; }
.personnel-months button {
  border: 1px solid #efb4ba;
  background: #fff7f7;
  color: #9e1020;
  border-radius: 8px;
  padding: 8px 16px;
  font-weight: 700;
  cursor: pointer;
}
.personnel-months button.active {
  background: #e80b27;
  color: #fff;
  border-color: #e80b27;
}
@media (max-width: 700px) {
  .personnel-toolbar { align-items: flex-start; flex-direction: column; }
}