/* 「正在看某某的进度」横幅。跟接力条同一套配色（都是给老师看的旁注）。
   全站规范：无阴影、图标一律内联 SVG。 */
.sv-who {
  font-size: 12.5px;
  color: #1e3a5f;
  background: #f0f7ff;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  padding: 8px 13px;
  margin: 0 0 12px;
  line-height: 1.6;
}
.sv-who b { color: #1d4ed8; }

/* 「标注模式，答题不记账」。琥珀色 —— 跟蓝色那条分工不同：
   蓝＝旁注（你在看谁），琥珀＝警示（你现在做的事会被丢弃）。同色老师会当成同一句话略过。 */
.sv-lock {
  font-size: 12.5px;
  color: #7c3a03;
  background: #fffaf0;
  border: 1px solid #fde3b8;
  border-radius: 10px;
  padding: 9px 13px;
  margin: 0 0 12px;
  line-height: 1.65;
}
.sv-lock b { color: #a1560a; }
.sv-lock b:first-child { display: block; margin-bottom: 2px; font-size: 13px; }

/* 「读不到这个学生的记录」。占的是蓝条的位置，但必须一眼看出不是正常状态：
   空白的进度条和「他一道都没练过」长得一模一样，老师会照此把练熟的再布置一遍。
   红色（不是琥珀）——琥珀已经被「不记账」占着了，同色会被当成同一句话略过。 */
.sv-who.sv-err {
  color: #7f1d1d;
  background: #fef2f2;
  border-color: #fecaca;
}
.sv-who.sv-err b { color: #b91c1c; }