.teacher-summary {
  background: #e8f5e9;
  border-left: 4px solid #4caf50;
  padding: 0.5em 1em;
  margin: 1em 0;
  font-size: small;
}
.qprops {
  border-top: 2px solid #4caf50;
  margin-top: 0.8em;
  padding: 0.5em 0.5em 0.3em;
  font-size: small;
}
.qp-header {
  font-weight: bold;
  margin-bottom: 0.4em;
  color: #1b5e20;
}
.qp-metrics {
  display: table;
}
.qp-row {
  display: table-row;
}
.qp-label {
  display: table-cell;
  width: 6em;
  padding-right: 0.5em;
  white-space: nowrap;
  vertical-align: middle;
  color: #555;
}
.qp-bar-track {
  display: table-cell;
  width: 12em;
  background: #e0e0e0;
  vertical-align: middle;
}
.qp-bar {
  height: 0.9em;
  min-width: 2px;
}
.qp-value {
  display: table-cell;
  padding-left: 0.5em;
  width: 5em;
  vertical-align: middle;
  color: #333;
}
.bar-success   { background: #4caf50; }
.bar-dropoff   { background: #f44336; }
.bar-thinking  { background: #2196f3; }
.bar-assisted  { background: #ff9800; }
.bar-hollow    { background: #b71c1c; }
.bar-companion { background: #7b1fa2; }
.qp-errors {
  margin-top: 0.4em;
  color: #777;
  font-size: 0.85em;
}