.top-bar {
  display: flex;
  align-items: center;
  gap: var(--space);
  padding: 10px 16px;
  background: var(--bg-elevated);
  border-bottom: 1px solid var(--border);
  flex-wrap: wrap;
}
.top-bar__brand { font-weight: 700; color: var(--accent); }
.top-bar__spec-picker { background: var(--bg); color: var(--text); border: 1px solid var(--border); border-radius: var(--radius); padding: 4px 8px; }
.top-bar__verdict {
  margin-left: auto;
  padding: 4px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.85em;
}
.top-bar__verdict--GO { background: var(--verdict-go); color: #072d0f; }
.top-bar__verdict--REVIEW { background: var(--verdict-review); color: #2d1b00; }
.top-bar__verdict--NO_GO { background: var(--verdict-nogo); color: #2b0707; }

.view-switcher { display: flex; gap: 4px; }
.view-switcher__btn {
  background: var(--bg);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 6px 12px;
  border-radius: var(--radius);
  cursor: pointer;
  font-size: 0.9em;
}
.view-switcher__btn--active {
  background: var(--accent);
  color: #001822;
  border-color: var(--accent);
  font-weight: 700;
}
.view-switcher__btn--disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.proficiency-toggle { display: flex; gap: 0; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.proficiency-toggle__btn {
  background: var(--bg);
  color: var(--text);
  border: none;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 0.85em;
}
.proficiency-toggle__btn--active {
  background: var(--severity-major);
  color: #2d1b00;
  font-weight: 700;
}