feat: 운영 안정성과 세션 음성 경험 개선

apps/web/src/pages/professor.css

@@ -691,8 +691,11 @@
   font-size:12px;
   line-height:1.4;
 }
+/* [D3] "기록 대기 · 검토 대기"의 가운뎃점을 없애고 두 상태를 공백 컬럼으로 나란히 둔다. */
 .pf-recent__review-state{
-  display:block;
+  display:flex;
+  flex-wrap:wrap;
+  gap:0 10px;
   margin-top:3px;
   line-height:1.2;
 }
@@ -1501,6 +1504,45 @@
 .pf-recent-row--action:hover .pf-recent__open{
   border-color:var(--accent);
 }
+/* =====================================================================
+   2026-07-27 화면 정리 — D1(dot 밀도) / D3(가운뎃점) / D5(빈 상태 중립 기호)
+   ===================================================================== */
+/* [D5] 값이 없는 칸은 "평가 부족" 같은 부정어 대신 중립 기호 "-"를 쓰고, muted 로
+   눌러 값이 실제로 있는 행이 도드라지게 한다. 셀의 <b>/<small>이 text-strong 을
+   지정하므로 .pf-root 를 앞에 붙여 우선순위를 확보한다. */
+.pf-root .pf-empty-mark{
+  color:var(--text-muted);
+  font-weight:600;
+}
+/* [D5] 빈 칸의 뜻을 표 상단에서 한 번만 설명하는 안내 줄. */
+.pf-table-note{
+  margin:0;
+  padding:8px 12px;
+  border-bottom:1px solid var(--hair);
+  color:var(--text-muted);
+  background:color-mix(in srgb,var(--bg-surface) 86%,var(--bg-surface-2));
+  font-size:var(--fs-xs);
+  line-height:1.45;
+}
+/* [D3] 한 줄에 가운뎃점 1개. 남은 정보는 공백 컬럼으로 분리한다. */
+.pf-session__facts,
+.pf-persona__facts,
+.pf-persona-group__facts,
+.pf-timeline-row__facts,
+.pf-alert__facts{
+  min-width:0;
+  display:flex;
+  flex-wrap:wrap;
+  gap:0 12px;
+}
+/* 분리된 컬럼도 원래대로 셀 안에서 잘리게 유지한다(겹침 회귀 방지). */
+.pf-persona-group__facts > span,
+.pf-timeline-row__facts > span{
+  min-width:0;
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+}
 @media (max-width:1100px){
   .pf-signal-strip,
   .pf-workspace{