/* 顶栏「复制链接」（share-link.js）：长得和「人员管理 / 系统设置」那两颗浅色药丸一样。只用 tokens.css 变量。 */
.share-link-btn { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; margin: 0; padding: 6px 10px;
                  border: 1px solid var(--border-control); border-radius: 999px; background: var(--surface);
                  color: var(--text-secondary); font: inherit; font-size: 12px; cursor: pointer; }
.share-link-btn b { font-weight: var(--fw-semibold); }
.share-link-btn:hover { color: var(--ink); background: var(--surface-hover); }
.share-link-btn.is-done { color: var(--success-fg); background: var(--success-bg); border-color: var(--success-border); }
@media (max-width: 720px) { .share-link-btn b { display: none; } }
/* 顶栏多了这颗按钮后窄屏挤不下：标题别被挤成竖排（9-29 实测 800 宽时「按产品找工厂」一字一行），右边按钮不够放就换行 */
.topbar > div:first-child { flex: 1 0 auto; }
#page-title { white-space: nowrap; }
.topbar { flex-wrap: wrap; }
.topbar-right { flex-wrap: wrap; justify-content: flex-end; row-gap: 6px; }
/* 10-01 为给顶栏搜索框让位收成了只剩图标（global-search.css）；10-11 老板又来问「能不能把链接发给同事」——没认出那个图标。
   它现在在第二行、不占搜索框的地方，字加回来；窄窗口照旧只留图标 */
.topbar .topbar-right .share-link-btn b { display: inline; }
@media (max-width: 1000px) { .topbar .topbar-right .share-link-btn b { display: none; } }

/* 复制后 / 收到链接后冒的小框（share-link.js 第二版，2026-10-11）：贴着按钮下面；收到链接的人那条在页面顶上居中 */
.share-pop { position: fixed; z-index: 1200; width: min(340px, calc(100vw - 16px)); padding: 12px 34px 12px 14px;
             border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); background: var(--surface-raised);
             box-shadow: var(--shadow-2); color: var(--text-primary); font-size: 13px; line-height: 1.55; }
.share-pop.is-top { top: 64px; left: 50%; right: auto; transform: translateX(-50%); width: min(460px, calc(100vw - 16px));
                    border-color: var(--info-border); background: var(--info-bg); }
.share-pop b { display: block; font-weight: var(--fw-semibold); }
.share-pop p { margin: 4px 0 0; color: var(--text-secondary); }
.share-pop .share-pop-what { color: var(--text-primary); word-break: break-all; }
.share-pop .share-pop-note { font-size: 12px; color: var(--text-muted); }
.share-pop-url { margin-top: 8px; padding: 4px 10px; border: 1px solid var(--border-control); border-radius: 999px;
                 background: var(--surface); color: var(--text-secondary); font: inherit; font-size: 12px; cursor: pointer; }
.share-pop-url:hover { color: var(--ink); background: var(--surface-hover); }
.share-pop-x { position: absolute; top: 6px; right: 6px; width: 24px; height: 24px; border: 0; border-radius: 6px;
               background: transparent; color: var(--text-muted); font-size: 18px; line-height: 1; cursor: pointer; }
.share-pop-x:hover { background: var(--surface-hover); color: var(--ink); }