/* =========================================================================
   JUEJUE BI · 模块「数据备注」置于模块底部 · 可点击收缩
   —— 视觉 token 与看板既有卡片体系完全一致（#e5e7eb / #5a6478 / #9aa3b2）
   ========================================================================= */

.jqs-notes {
  margin-top: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fbfcfe;
  overflow: hidden;
}

.jqs-notes-head {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  text-align: left;
  padding: 9px 14px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  color: #5a6478;
  background: #f9fafb;
  border: none;
  cursor: pointer;
  user-select: none;
}
.jqs-notes-head:hover { background: #f3f5f9; }
.jqs-notes-head:focus-visible { outline: 2px solid #2563eb; outline-offset: -2px; }

.jqs-notes-head .jqs-notes-ico {
  display: inline-block;
  width: 10px;
  font-size: 10px;
  color: #9aa3b2;
  transition: transform .15s ease;
}
.jqs-notes-head .jqs-notes-hint {
  margin-left: auto;
  font-size: 11px;
  font-weight: 400;
  color: #9aa3b2;
}

.jqs-notes-body {
  padding: 12px 14px;
  font-size: 11.5px;
  color: #5a6478;
  line-height: 1.95;
}
.jqs-notes-line + .jqs-notes-line { margin-top: 1px; }

.jqs-notes.jqs-collapsed .jqs-notes-body { display: none; }
.jqs-notes.jqs-collapsed .jqs-notes-head .jqs-notes-ico { transform: rotate(-90deg); }