/* Comparison rendered inside the cabinet shell. Picker styles live in analytics.css, which the cabinet does not load. */
.p-embedded .notice { background: #fff; border: 1px solid #dfe6ed; border-radius: 16px; padding: 18px; margin-bottom: 18px; }
.p-embedded .notice.error { border-color: #f0b6b6; color: #9f2525; }
.p-embedded .picker { background: #fff; border: 1px solid #dfe6ed; border-radius: 18px; padding: 20px; margin-bottom: 22px; }
.p-embedded .test-filter {
  display: grid;
  grid-template-columns: 220px minmax(260px, 520px);
  align-items: center;
  gap: 14px;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #edf0f4;
}
.p-embedded .test-filter label { font-size: 13px; font-weight: 800; }
.p-embedded .picker-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.p-embedded .picker h2 { margin: 0; font-size: 20px; }
.p-embedded .candidate-chips { display: flex; flex-wrap: wrap; gap: 9px; }
.p-embedded .candidate-chip {
  border: 1px solid #d9dee7;
  background: #fff;
  border-radius: 999px;
  padding: 9px 13px;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.p-embedded .candidate-chip.active { background: #17263b; color: #fff; border-color: #17263b; }
.p-embedded .muted { color: #7a8494; font-size: 13px; }
/* The portfolio sidebar is redundant next to the cabinet's own sidebar on narrow screens. */
.p-embedded .p-person-list { top: 0; }
.p-embedded button.p-link { background: none; border: 0; padding: 0; cursor: pointer; font: inherit; font-size: 13px; font-weight: 800; color: #285a77; }
.p-embedded button.p-link:hover { text-decoration: underline; }
@media (max-width: 700px) {
  .p-embedded .picker-head { display: block; }
  .p-embedded .picker-head .muted { margin-top: 6px; }
  .p-embedded .test-filter { grid-template-columns: 1fr; gap: 7px; }
}