.benchmark-discovery-toolbar {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 0 18px 14px;
  border-bottom: 1px solid var(--line);
}

.benchmark-discovery-toolbar[hidden],
.benchmark-discovery-run-strip[hidden],
#view-content-topics #contentTopicBulkbar[hidden],
#view-content-topics #contentSelectionRunStatusBar[hidden] {
  display: none !important;
}

.benchmark-discovery-spacer {
  flex: 1;
}

.benchmark-candidate-select-column {
  width: 42px;
  min-width: 42px;
  padding-right: 4px !important;
  text-align: center;
}

.benchmark-candidate-select-column input {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.benchmark-discovery-run-strip {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 12px 0;
  padding: 12px 16px;
  border: 1px solid #cde7e1;
  border-radius: 12px;
  background: #f5fbf9;
}

.benchmark-discovery-run-strip.failed,
.benchmark-discovery-run-strip.interrupted {
  border-color: #f3c7c3;
  background: #fff8f7;
}

.benchmark-run-dot {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 999px;
  background: #9aa9a7;
}

.benchmark-discovery-run-strip.running .benchmark-run-dot {
  background: #078477;
  box-shadow: 0 0 0 5px rgba(7, 132, 119, .12);
  animation: benchmark-pulse 1.4s ease-in-out infinite;
}

.benchmark-discovery-run-strip.success .benchmark-run-dot {
  background: #159464;
}

.benchmark-discovery-run-strip.failed .benchmark-run-dot,
.benchmark-discovery-run-strip.interrupted .benchmark-run-dot {
  background: #c43b31;
}

@keyframes benchmark-pulse {
  50% { opacity: .45; }
}

.benchmark-run-copy {
  min-width: 0;
  flex: 1;
}

.benchmark-run-copy strong,
.benchmark-run-copy small {
  display: block;
}

.benchmark-run-copy small {
  overflow: hidden;
  color: var(--muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.benchmark-run-counts {
  display: flex;
  gap: 14px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.benchmark-candidate-profile {
  display: flex;
  min-width: 240px;
  max-width: 360px;
  gap: 10px;
  align-items: flex-start;
}

.benchmark-candidate-profile img,
.benchmark-candidate-avatar {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 50%;
  object-fit: cover;
}

.benchmark-candidate-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #dff1ed;
  color: #08796c;
  font-size: 18px;
  font-weight: 800;
}

.benchmark-candidate-profile > span:last-child,
.benchmark-candidate-profile strong,
.benchmark-candidate-profile small {
  display: block;
  min-width: 0;
}

.benchmark-score {
  color: #08796c;
  font-size: 20px;
}

.benchmark-candidate-targets {
  display: grid;
  min-width: 230px;
  gap: 6px;
}

.benchmark-candidate-target {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 7px 9px;
  border: 1px solid #dce9e6;
  border-radius: 9px;
  background: #fbfdfc;
}

.benchmark-candidate-target span,
.benchmark-candidate-target strong,
.benchmark-candidate-target small {
  display: block;
}

.benchmark-candidate-actions {
  display: grid;
  min-width: 104px;
  gap: 7px;
}

.benchmark-discovery-modal-panel {
  width: min(920px, calc(100vw - 32px));
  max-height: min(820px, calc(100vh - 32px));
}

.benchmark-discovery-modal-body {
  overflow: auto;
}

.benchmark-discovery-fields {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(150px, .55fr));
  gap: 14px;
}

.benchmark-discovery-requirements {
  grid-column: 1 / -1;
}

.benchmark-discovery-requirements textarea {
  min-height: 94px;
  resize: vertical;
}

.benchmark-discovery-scoring {
  grid-column: 1 / -1;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fbfdfc;
}

.benchmark-discovery-scoring summary {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 0;
  cursor: pointer;
  font-weight: 800;
}

.benchmark-discovery-scoring summary small {
  color: var(--muted);
}

.benchmark-discovery-scoring.invalid summary small {
  color: #c43b31;
}

.benchmark-discovery-weight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(130px, 1fr));
  gap: 12px;
  padding: 2px 0 14px;
}

.benchmark-discovery-weight-input {
  display: flex;
  align-items: center;
  gap: 7px;
}

.benchmark-discovery-weight-input input {
  min-width: 0;
}

.benchmark-discovery-weight-input em {
  color: var(--muted);
  font-style: normal;
  font-weight: 700;
}

.benchmark-discovery-risk-option {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  padding: 13px 0;
  border-top: 1px dashed var(--line);
}

.benchmark-discovery-risk-option strong,
.benchmark-discovery-risk-option small {
  display: block;
}

.benchmark-discovery-context-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin: 20px 0 10px;
}

.benchmark-discovery-account-list {
  display: grid;
  gap: 10px;
}

.benchmark-discovery-device-group {
  display: grid;
  grid-template-columns: minmax(150px, .38fr) 1fr;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.benchmark-discovery-device-title strong,
.benchmark-discovery-device-title small {
  display: block;
}

.benchmark-discovery-account-option {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  padding: 6px 0;
}

.benchmark-discovery-account-option + .benchmark-discovery-account-option {
  border-top: 1px dashed var(--line);
}

.benchmark-discovery-account-option span,
.benchmark-discovery-account-option strong,
.benchmark-discovery-account-option small {
  display: block;
}

.benchmark-discovery-account-option.disabled {
  opacity: .55;
}

.benchmark-discovery-modal-note {
  margin-right: auto;
}

@media (max-width: 820px) {
  .benchmark-discovery-toolbar,
  .benchmark-discovery-run-strip,
  .benchmark-run-counts {
    flex-wrap: wrap;
  }

  .benchmark-discovery-spacer {
    display: none;
  }

  .benchmark-discovery-fields,
  .benchmark-discovery-device-group,
  .benchmark-discovery-weight-grid {
    grid-template-columns: 1fr;
  }
}
