/* The native dialog owns modal focus; the existing map host moves in and back. */
dialog.knowledge-map-page-overlay {
  width: 78vw;
  height: 78dvh;
  max-width: calc(100vw - 24px);
  max-height: calc(100dvh - 24px);
  margin: auto;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  color: var(--ink);
  background: transparent;
}
dialog.knowledge-map-page-overlay:not([open]) { display: none; }
dialog.knowledge-map-page-overlay::backdrop {
  background: var(--scrim);
}
.knowledge-map-page-overlay__panel { transform-origin: top left; animation: map-overlay-enter 240ms cubic-bezier(.2,.8,.2,1); }
@keyframes map-overlay-enter { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }
.knowledge-map-page-overlay__actions { display: flex; align-items: center; gap: 12px; }
/* 地图窗口右上的「导出 PDF」图标，悬停出字（title） */
.knowledge-map-page-overlay__export { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--muted); cursor: pointer; }
.knowledge-map-page-overlay__export:hover { background: var(--surface-subtle); color: var(--ink); }
.knowledge-map-page-overlay__export:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.knowledge-map-page-overlay__actions .knowledge-map-page-overlay__export + .knowledge-map-page-overlay__close { margin-left: -6px; }
.knowledge-map-page-overlay__close:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
/* 桌面右栏开着：窗口居中在右栏左边的区域，不盖右栏；这时窗口不是模态，遮罩自己画，同样留出右栏（t-20261012-b24l） */
dialog.knowledge-map-page-overlay.is-beside-panel {
  right: var(--right-panel-w);
  width: min(78vw, calc(100vw - var(--right-panel-w) - 32px));
}
@media screen {
  dialog.knowledge-map-page-overlay.is-workspace-window:not([data-floating])::before {
    content: ''; position: fixed; inset: var(--topbar-h) 0 0; z-index: -1; background: var(--scrim);
  }
  dialog.knowledge-map-page-overlay.is-beside-panel:not([data-floating])::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    background: var(--scrim);
    /* 顶栏也不盖（t-20261022-by3s）：窗口开着时照样能点右上角的笔记 / 资料 / 旁问图标 */
    /* 只挖掉右栏卡片本身（右、下、顶栏下各留 8px 空隙），卡片四周的空隙跟遮罩一样暗 */
    clip-path: polygon(evenodd,
      0 var(--topbar-h), 100% var(--topbar-h), 100% 100%, 0 100%, 0 var(--topbar-h),
      calc(100% - var(--right-panel-w)) calc(var(--topbar-h) + 8px),
      calc(100% - var(--right-panel-w)) calc(100% - 8px),
      calc(100% - 8px) calc(100% - 8px),
      calc(100% - 8px) calc(var(--topbar-h) + 8px),
      calc(100% - var(--right-panel-w)) calc(var(--topbar-h) + 8px),
      0 var(--topbar-h));
  }
  /* 挖洞的遮罩只画不接事件：合成线程的滚轮命中不认 polygon 裁剪，整屏遮罩会吃掉右栏笔记上的滚轮；拦窗口外点击的交给下面不带裁剪、只盖右栏左边的矩形（t-20261027-mb06） */
  dialog.knowledge-map-page-overlay.is-beside-panel:not([data-floating])::before { pointer-events: none; }
  dialog.knowledge-map-page-overlay.is-beside-panel:not([data-floating])::after {
    content: ''; position: fixed; inset: var(--topbar-h) var(--right-panel-w) 0 0; z-index: -1;
  }
}
/* 笔记窗口的缩小按钮：和右栏放大后的缩小按钮同一个斜向内箭头、同一种淡按钮 */
.knowledge-map-page-overlay__close.is-dock { display: grid; place-items: center; padding: 0; border-radius: var(--r-sm); background: none; color: var(--muted); }
.knowledge-map-page-overlay__close.is-dock:hover { background: var(--surface-subtle); color: var(--ink); }
@media (max-width: 767px) {
  dialog.knowledge-map-page-overlay { width: 92vw; height: 88dvh; }
  .knowledge-map-page-overlay__panel { border: 1px solid var(--border); border-radius: var(--r-md); }
}