/* U08 通知只读投影面板 · 局部作用域样式
 *
 * 纪律同 `projection.css`：只消费 `--uf-*` token，不定义/不覆盖全局 token；无 web 字体、
 * 无玻璃拟态、无渐变文字、无侧边色条、无斑马纹；圆角 ≤ `--uf-radius-card`；
 * 只读紧凑行 28–32px；断点只沿用 730 / 1100。共用基元由 `projection.css` 提供。
 *
 * 本面板的界面约束：**没有任何处置控件**，因此这里不写任何 hover/pressed 的按钮态，
 * 也不给条目加可点击外观（无 cursor:pointer、无下划线），避免「看起来能点」的错觉。
 */

.u08-section {
  display: flex;
  flex-direction: column;
  gap: calc(var(--uf-unit) * 2);
  min-width: 0;
  padding: calc(var(--uf-unit) * 3);
  background: var(--uf-bg);
  border: 1px solid var(--uf-divider);
  border-radius: var(--uf-radius-button);
}
.u08-section[data-category="requires-action"] { border-color: var(--uf-warn); }

.u08-section h3 { margin-top: 0; }
.u08-section-note {
  margin: 0;
  color: var(--uf-muted);
  font-size: var(--uf-font-meta);
}

.u08-nlist {
  display: flex;
  flex-direction: column;
  gap: calc(var(--uf-unit) * 2);
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 条目：只读紧凑（28–32px 起，多行字段自然撑高），纯文本 + 分隔线分行 */
.u08-notification {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: calc(var(--uf-unit) * 2) 0;
  border-bottom: 1px solid var(--uf-divider);
}
.u08-notification:last-child { border-bottom: 0; }

.u08-nl,
.u08-refs {
  margin: 0;
  color: var(--uf-muted);
  font-size: var(--uf-font-meta);
  line-height: 1.7;
  word-break: break-word;
}
.u08-nl .mono,
.u08-refs .mono { color: var(--uf-text); }

.u08-warn {
  color: var(--uf-warn);
  font-size: var(--uf-font-meta);
}

.u08-readonly,
.u08-seam {
  padding: calc(var(--uf-unit) * 3);
  color: var(--uf-muted);
  background: var(--uf-bg);
  border: 1px solid var(--uf-divider);
  border-radius: var(--uf-radius-button);
  font-size: var(--uf-font-meta);
  line-height: 1.7;
}
.u08-readonly p + p {
  margin-top: calc(var(--uf-unit) * 2);
}
.u08-readonly .mono,
.u08-seam .mono {
  color: var(--uf-text);
  word-break: break-all;
}