40 updata-legacy/styles/knowledge-recall-p4322.css
/* V9.0-P4.3.22 — deep recall lightweight card and right-button canvas parity. */

/* The shared shell title uses a true rectangular surface instead of a rounded capsule. */
.knowledge-recall-page .kr-brand .kr-title-block{
  display:flex;align-items:center;min-height:38px;padding:0 14px;
  border:1px solid var(--kr-border);border-radius:0;
  background:var(--kr-control-bg);color:var(--kr-title);box-shadow:none;
}
.knowledge-recall-page .kr-brand .kr-title-block h1{margin:0!important}

/* Left-button work always keeps the normal arrow. Only an active canvas pan uses the grabbing cursor. */
.knowledge-recall-page .kr-viewport{cursor:default!important}
.knowledge-recall-page .kr-viewport.dragging{cursor:grabbing!important}
.knowledge-recall-page .kr-question-card{cursor:default}

/* The question card intentionally starts with the stem; its source title remains metadata only. */
.knowledge-recall-page .kr-question-card>.kr-stem:first-child{margin-top:0}

/* Reuse the multi-question canvas context-menu language without importing the legacy main bundle. */
.knowledge-recall-page .graph-context-menu{
  position:absolute;z-index:690;min-width:148px;padding:4px;
  border:1px solid rgba(148,163,184,.38);border-radius:8px;
  background:rgba(255,255,255,.98);box-shadow:0 10px 26px rgba(15,23,42,.15);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  opacity:0;transform:translateY(-3px) scale(.98);transform-origin:top left;
  pointer-events:none;transition:opacity .12s ease,transform .12s ease;
}
.knowledge-recall-page .graph-context-menu.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.knowledge-recall-page .graph-context-menu-list{display:grid;gap:2px}
.knowledge-recall-page .graph-context-menu-item{
  position:relative;display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 8px;
  border:0;border-radius:6px;background:transparent;color:#1e293b;text-align:left;
  font:650 12px/1.2 ui-sans-serif,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;
  cursor:pointer;white-space:nowrap;
}
.knowledge-recall-page .graph-context-menu-item svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.knowledge-recall-page .graph-context-menu-item:hover,.knowledge-recall-page .graph-context-menu-item:focus-visible{background:#eef2ff;color:#4338ca;outline:none}
.knowledge-recall-page .graph-context-menu-item:disabled{color:#94a3b8;background:transparent;cursor:not-allowed}
.knowledge-recall-page .graph-context-menu [hidden]{display:none!important}
.knowledge-recall-page .graph-context-separator{height:1px;margin:4px 3px;background:#e2e8f0}