/* ===== v3.304：写 #标签 的选择器 + 标签结构（业主 2026-10-22） ===== */
#tagpick{position:fixed;z-index:2400;background:var(--panel);color:var(--tx);border:1px solid var(--line);
  border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.16);font-size:13px;overflow:hidden;
  display:flex;flex-direction:column;max-height:340px}
#tagpick.ph{max-height:46vh;border-radius:12px}
.tpp-hd{display:flex;gap:4px;padding:6px 6px 4px;border-bottom:1px solid var(--line);flex:none}
.tpp-hd button{flex:1;border:0;background:transparent;color:var(--sub);font:inherit;font-size:12px;
  padding:4px 2px;border-radius:6px;cursor:pointer;white-space:nowrap}
.tpp-hd button.on{background:var(--acc2);color:var(--acc);font-weight:700}
.tpp-body{overflow:auto;padding:4px;flex:1 1 auto;min-height:0}
.tpp-g{font-size:11px;color:var(--sub);padding:6px 8px 2px;font-weight:700}
.tpp-it{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;line-height:1.3}
.tpp-it:hover,.tpp-it.on{background:var(--acc2)}
.tpp-it.on .tpp-t{color:var(--acc);font-weight:700}
.tpp-t{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tpp-n{flex:none;color:var(--sub);font-size:11px}
.tpp-empty{padding:14px 10px;color:var(--sub);text-align:center}
.tpp-ft{display:flex;align-items:center;gap:6px;padding:4px 8px;border-top:1px solid var(--line);flex:none;background:var(--side)}
.tpp-k{flex:1 1 auto;color:var(--sub);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpp-ft button{border:0;background:transparent;color:var(--acc);font:inherit;font-size:12px;cursor:pointer;padding:2px 4px}

#tagman{position:fixed;inset:0;z-index:2500;background:rgba(15,18,22,.42);display:flex;align-items:center;justify-content:center;padding:16px}
.tpm-box{background:var(--panel);color:var(--tx);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.28);
  width:min(760px,96vw);max-height:86vh;display:flex;flex-direction:column;overflow:hidden}
.tpm-hd{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);flex:none}
.tpm-hd b{font-size:14px}
.tpm-hint{flex:1 1 auto;color:var(--sub);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tpm-x{cursor:pointer;color:var(--sub);padding:2px 6px;border-radius:6px}
.tpm-x:hover{background:var(--side)}
.tpm-cols{display:flex;gap:10px;padding:10px 14px;flex:1 1 auto;min-height:0;overflow:hidden}
.tpm-col{flex:1 1 50%;min-width:0;display:flex;flex-direction:column;min-height:0}
.tpm-t{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sub);font-weight:700;padding:2px 0 6px}
.tpm-t button{margin-left:auto}
.tpm-tags{overflow:auto;border:1px solid var(--line);border-radius:8px;padding:8px;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;min-height:120px;flex:1 1 auto}
.tpm-tg{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;
  padding:2px 9px;cursor:pointer;font-size:12.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tpm-tg i{font-style:normal;color:var(--sub);font-size:11px}
.tpm-tg.on{background:var(--acc);border-color:var(--acc);color:#fff}
.tpm-tg.on i{color:#fff;opacity:.8}
.tpm-grps{overflow:auto;border:1px solid var(--line);border-radius:8px;padding:6px;min-height:120px;flex:1 1 auto}
.tpm-g{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;cursor:pointer;line-height:1.3}
.tpm-g:hover{background:var(--acc2)}
.tpm-gn{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.tpm-gc{flex:none;color:var(--sub);font-size:11px}
.tpm-ga{flex:none;color:var(--sub);padding:0 3px;border-radius:4px;font-size:12px}
.tpm-ga:hover{background:var(--panel);color:var(--acc)}
.tpm-empty{color:var(--sub);font-size:12px;padding:10px 6px;text-align:center;width:100%}
.tpm-ft{display:flex;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid var(--line);flex:none}
#tpm-sel{flex:1 1 auto;color:var(--sub);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:560px){
  .tpm-cols{flex-direction:column;overflow:auto}
  .tpm-tags,.tpm-grps{flex:none;max-height:30vh}
}